.modal-wrapper{----background:var(--color--white);----border-top-color:var(--color--light);----border-right-color:var(--color--light);----border-bottom-color:var(--color--light);----border-left-color:var(--color--light);----border-color:var(----border-top-color) var(----border-right-color) var(----border-bottom-color) var(----border-left-color);----border-style:var(--border-style);----border-top-width:var(--border-top-width);----border-right-width:var(--border-right-width);----border-bottom-width:var(--border-bottom-width);----border-left-width:var(--border-left-width);----border-width:var(----border-top-width) var(----border-right-width) var(----border-bottom-width) var(----border-left-width);----border-top-left-radius:var(--border-top-left-radius);----border-top-right-radius:var(--border-top-right-radius);----border-bottom-right-radius:var(--border-bottom-right-radius);----border-bottom-left-radius:var(--border-bottom-left-radius);----border-radius:var(----border-top-left-radius) var(----border-top-right-radius) var(----border-bottom-right-radius) var(----border-bottom-left-radius);----box-shadow-offset-x:var(--box-shadow-offset-x);----box-shadow-offset-y:var(--box-shadow-offset-y);----box-shadow-blur-radius:var(--box-shadow-blur-radius);----box-shadow-spread-radius:var(--box-shadow-spread-radius);----box-shadow-color:var(--box-shadow-color);----box-shadow:var(----box-shadow-offset-x) var(----box-shadow-offset-y) var(----box-shadow-blur-radius) var(----box-shadow-spread-radius) var(----box-shadow-color);----color:var(--contrast-color-for-light-background);----font-size:var(--font-size);----font-weight:var(--font-weight--normal);----line-height:var(--line-height);----margin-top:var(--margin-top);----margin-right:var(--margin-right);----margin-bottom:var(--margin-bottom);----margin-left:var(--margin-left);----margin:var(----margin-top) var(----margin-right) var(----margin-bottom) var(----margin-left);----padding-top:var(--padding-top);----padding-right:var(--padding-right);----padding-bottom:var(--padding-bottom);----padding-left:var(--padding-left);----padding:var(----padding-top) var(----padding-right) var(----padding-bottom) var(----padding-left);----width:480px;----header--background:var(--color--light-25);----header--border-color:var(----border-color);----header--border-style:var(----border-style);----header--border-top-width:var(----border-top-width);----header--border-right-width:var(----border-right-width);----header--border-bottom-width:var(----border-bottom-width);----header--border-left-width:var(----border-left-width);----header--border-width:var(----header--border-top-width) var(----header--border-right-width) var(----header--border-bottom-width) var(----header--border-left-width);----header--color:var(----color);----header--padding-top:var(----padding-top);----header--padding-right:var(----padding-right);----header--padding-bottom:var(----padding-bottom);----header--padding-left:var(----padding-left);----header--padding:var(----header--padding-top) var(----header--padding-right) var(----header--padding-bottom) var(----header--padding-left);----body--background:var(----background);----body--border-color:var(----border-color);----body--border-style:var(----border-style);----body--border-top-width:var(----border-top-width);----body--border-right-width:var(----border-right-width);----body--border-bottom-width:var(----border-bottom-width);----body--border-left-width:var(----border-left-width);----body--border-width:var(----body--border-top-width) var(----body--border-right-width) var(----body--border-bottom-width) var(----body--border-left-width);----body--color:var(----color);----body--padding-top:var(----padding-top);----body--padding-right:var(----padding-right);----body--padding-bottom:var(----padding-bottom);----body--padding-left:var(----padding-left);----body--padding:var(----body--padding-top) var(----body--padding-right) var(----body--padding-bottom) var(----body--padding-left);----footer--background:var(--color--light-25);----footer--border-color:var(----border-color);----footer--border-style:var(----border-style);----footer--border-top-width:var(----border-top-width);----footer--border-right-width:var(----border-right-width);----footer--border-bottom-width:var(----border-bottom-width);----footer--border-left-width:var(----border-left-width);----footer--border-width:var(----footer--border-top-width) var(----footer--border-right-width) var(----footer--border-bottom-width) var(----footer--border-left-width);----footer--color:var(----color);----footer--padding-top:var(----padding-top);----footer--padding-right:var(----padding-right);----footer--padding-bottom:var(----padding-bottom);----footer--padding-left:var(----padding-left);----footer--padding:var(----footer--padding-top) var(----footer--padding-right) var(----footer--padding-bottom) var(----footer--padding-left);----wrapper--background:rgba(0,0,0,.75)}.modal-wrapper.-sm{----border-top-left-radius:calc(var(--border-top-left-radius)*var(--size-multiplier--sm));----border-top-right-radius:calc(var(--border-top-right-radius)*var(--size-multiplier--sm));----border-bottom-right-radius:calc(var(--border-bottom-right-radius)*var(--size-multiplier--sm));----border-bottom-left-radius:calc(var(--border-bottom-left-radius)*var(--size-multiplier--sm));----font-size:calc(var(--font-size)*var(--size-multiplier--sm));----margin-top:calc(var(--margin-top)*var(--size-multiplier--sm));----margin-right:calc(var(--margin-right)*var(--size-multiplier--sm));----margin-bottom:calc(var(--margin-bottom)*var(--size-multiplier--sm));----margin-left:calc(var(--margin-left)*var(--size-multiplier--sm));----padding-top:calc(var(--padding-top)*var(--size-multiplier--sm));----padding-right:calc(var(--padding-right)*var(--size-multiplier--sm));----padding-bottom:calc(var(--padding-bottom)*var(--size-multiplier--sm));----padding-left:calc(var(--padding-left)*var(--size-multiplier--sm));----width:calc(480px*var(--size-multiplier--sm));----header--padding-bottom:calc(var(----padding-bottom)*var(--size-multiplier--sm));----header--padding-left:calc(var(----padding-left)*var(--size-multiplier--sm));----body--padding-bottom:calc(var(----padding-bottom)*var(--size-multiplier--sm));----body--padding-left:calc(var(----padding-left)*var(--size-multiplier--sm));----footer--padding-bottom:calc(var(----padding-bottom)*var(--size-multiplier--sm));----footer--padding-left:calc(var(----padding-left)*var(--size-multiplier--sm))}.modal-wrapper.-md{----border-top-left-radius:calc(var(--border-top-left-radius)*var(--size-multiplier--md));----border-top-right-radius:calc(var(--border-top-right-radius)*var(--size-multiplier--md));----border-bottom-right-radius:calc(var(--border-bottom-right-radius)*var(--size-multiplier--md));----border-bottom-left-radius:calc(var(--border-bottom-left-radius)*var(--size-multiplier--md));----font-size:calc(var(--font-size)*var(--size-multiplier--md));----margin-top:calc(var(--margin-top)*var(--size-multiplier--md));----margin-right:calc(var(--margin-right)*var(--size-multiplier--md));----margin-bottom:calc(var(--margin-bottom)*var(--size-multiplier--md));----margin-left:calc(var(--margin-left)*var(--size-multiplier--md));----padding-top:calc(var(--padding-top)*var(--size-multiplier--md));----padding-right:calc(var(--padding-right)*var(--size-multiplier--md));----padding-bottom:calc(var(--padding-bottom)*var(--size-multiplier--md));----padding-left:calc(var(--padding-left)*var(--size-multiplier--md));----width:calc(480px*var(--size-multiplier--md));----header--padding-bottom:calc(var(----padding-bottom)*var(--size-multiplier--md));----header--padding-left:calc(var(----padding-left)*var(--size-multiplier--md));----body--padding-bottom:calc(var(----padding-bottom)*var(--size-multiplier--md));----body--padding-left:calc(var(----padding-left)*var(--size-multiplier--md));----footer--padding-bottom:calc(var(----padding-bottom)*var(--size-multiplier--md));----footer--padding-left:calc(var(----padding-left)*var(--size-multiplier--md))}.modal-wrapper.-lg{----border-top-left-radius:calc(var(--border-top-left-radius)*var(--size-multiplier--lg));----border-top-right-radius:calc(var(--border-top-right-radius)*var(--size-multiplier--lg));----border-bottom-right-radius:calc(var(--border-bottom-right-radius)*var(--size-multiplier--lg));----border-bottom-left-radius:calc(var(--border-bottom-left-radius)*var(--size-multiplier--lg));----font-size:calc(var(--font-size)*var(--size-multiplier--lg));----margin-top:calc(var(--margin-top)*var(--size-multiplier--lg));----margin-right:calc(var(--margin-right)*var(--size-multiplier--lg));----margin-bottom:calc(var(--margin-bottom)*var(--size-multiplier--lg));----margin-left:calc(var(--margin-left)*var(--size-multiplier--lg));----padding-top:calc(var(--padding-top)*var(--size-multiplier--lg));----padding-right:calc(var(--padding-right)*var(--size-multiplier--lg));----padding-bottom:calc(var(--padding-bottom)*var(--size-multiplier--lg));----padding-left:calc(var(--padding-left)*var(--size-multiplier--lg));----width:calc(480px*var(--size-multiplier--lg));----header--padding-bottom:calc(var(----padding-bottom)*var(--size-multiplier--lg));----header--padding-left:calc(var(----padding-left)*var(--size-multiplier--lg));----body--padding-bottom:calc(var(----padding-bottom)*var(--size-multiplier--lg));----body--padding-left:calc(var(----padding-left)*var(--size-multiplier--lg));----footer--padding-bottom:calc(var(----padding-bottom)*var(--size-multiplier--lg));----footer--padding-left:calc(var(----padding-left)*var(--size-multiplier--lg))}.modal-wrapper.-primary{----background:var(--color--primary);----border-top-color:var(--color--primary-60);----border-right-color:var(--color--primary-60);----border-bottom-color:var(--color--primary-60);----border-left-color:var(--color--primary-60);----color:var(--contrast-color-for-dark-background);----header--background:var(--color--primary-55);----footer--background:var(--color--primary-55)}.modal-wrapper.-secondary{----background:var(--color--secondary);----border-top-color:var(--color--secondary-60);----border-right-color:var(--color--secondary-60);----border-bottom-color:var(--color--secondary-60);----border-left-color:var(--color--secondary-60);----color:var(--contrast-color-for-dark-background);----header--background:var(--color--secondary-55);----footer--background:var(--color--secondary-55)}.modal-wrapper.-light{----background:var(--color--white);----border-top-color:var(--color--light);----border-right-color:var(--color--light);----border-bottom-color:var(--color--light);----border-left-color:var(--color--light);----color:var(--contrast-color-for-light-background);----header--background:var(--color--light-25);----footer--background:var(--color--light-25)}.modal-wrapper.-dark{----background:var(--color--dark);----border-top-color:var(--color--dark-60);----border-right-color:var(--color--dark-60);----border-bottom-color:var(--color--dark-60);----border-left-color:var(--color--dark-60);----color:var(--contrast-color-for-dark-background);----header--background:var(--color--dark-55);----footer--background:var(--color--dark-55)}.modal-wrapper.-info{----background:var(--color--info);----border-top-color:var(--color--info-60);----border-right-color:var(--color--info-60);----border-bottom-color:var(--color--info-60);----border-left-color:var(--color--info-60);----color:var(--contrast-color-for-dark-background);----header--background:var(--color--info-55);----footer--background:var(--color--info-55)}.modal-wrapper.-success{----background:var(--color--success);----border-top-color:var(--color--success-60);----border-right-color:var(--color--success-60);----border-bottom-color:var(--color--success-60);----border-left-color:var(--color--success-60);----color:var(--contrast-color-for-dark-background);----header--background:var(--color--success-55);----footer--background:var(--color--success-55)}.modal-wrapper.-warning{----background:var(--color--warning);----border-top-color:var(--color--warning-60);----border-right-color:var(--color--warning-60);----border-bottom-color:var(--color--warning-60);----border-left-color:var(--color--warning-60);----color:var(--contrast-color-for-light-background);----header--background:var(--color--warning-55);----footer--background:var(--color--warning-55)}.modal-wrapper.-danger{----background:var(--color--danger);----border-top-color:var(--color--danger-60);----border-right-color:var(--color--danger-60);----border-bottom-color:var(--color--danger-60);----border-left-color:var(--color--danger-60);----color:var(--contrast-color-for-dark-background);----header--background:var(--color--danger-55);----footer--background:var(--color--danger-55)}.modal-wrapper{background:var(----wrapper--background);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal{border-radius:var(----border-radius);-webkit-box-shadow:var(----box-shadow);box-shadow:var(----box-shadow);display:block;line-height:var(----line-height);list-style:none;max-width:var(----width);text-align:left;width:calc(100% - var(----margin-left) - var(----margin-right))}.modal>.modal-header{-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(----header--background);border-color:var(----header--border-color);border-style:var(----header--border-style);border-top-left-radius:var(----border-top-left-radius);border-top-right-radius:var(----border-top-right-radius);border-width:var(----header--border-width);color:var(----header--color);justify-content:space-between;padding:var(----header--padding)}.modal>.modal-header,.modal>.modal-header>.close{display:-webkit-box;display:-ms-flexbox;display:flex}.modal>.modal-header>.close{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;border-radius:var(----border-radius);cursor:pointer;font-size:.5rem;height:1.5rem;line-height:1.5rem;padding:0;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:1.5rem}.modal>.modal-header>.close>.icon{background-color:var(----header--color);height:var(----font-size);-webkit-mask-image:url('data:image/svg+xml; utf8, <svg fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><title>times</title><path d="M27.745 22.495c-0-0-0-0-0-0l-8.494-8.494 8.494-8.494c0-0 0-0 0-0 0.091-0.091 0.158-0.198 0.2-0.312 0.116-0.311 0.050-0.675-0.2-0.925l-4.013-4.013c-0.25-0.25-0.614-0.316-0.925-0.2-0.114 0.042-0.221 0.109-0.312 0.2 0 0-0 0-0 0l-8.494 8.494-8.494-8.494c-0-0-0-0-0-0-0.091-0.091-0.198-0.158-0.312-0.2-0.311-0.116-0.675-0.050-0.925 0.2l-4.013 4.013c-0.25 0.25-0.316 0.614-0.2 0.925 0.042 0.114 0.109 0.221 0.2 0.312 0 0 0 0 0 0l8.494 8.494-8.494 8.494c-0 0-0 0-0 0-0.091 0.091-0.157 0.198-0.2 0.312-0.116 0.311-0.050 0.675 0.2 0.925l4.013 4.013c0.25 0.25 0.614 0.316 0.925 0.2 0.114-0.042 0.221-0.109 0.312-0.2 0-0 0-0 0-0l8.494-8.494 8.494 8.494c0 0 0 0 0 0 0.092 0.091 0.198 0.158 0.312 0.2 0.311 0.116 0.675 0.050 0.925-0.2l4.013-4.013c0.25-0.25 0.316-0.614 0.2-0.925-0.042-0.114-0.109-0.221-0.2-0.312z"></path></svg>');mask-image:url('data:image/svg+xml; utf8, <svg fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><title>times</title><path d="M27.745 22.495c-0-0-0-0-0-0l-8.494-8.494 8.494-8.494c0-0 0-0 0-0 0.091-0.091 0.158-0.198 0.2-0.312 0.116-0.311 0.050-0.675-0.2-0.925l-4.013-4.013c-0.25-0.25-0.614-0.316-0.925-0.2-0.114 0.042-0.221 0.109-0.312 0.2 0 0-0 0-0 0l-8.494 8.494-8.494-8.494c-0-0-0-0-0-0-0.091-0.091-0.198-0.158-0.312-0.2-0.311-0.116-0.675-0.050-0.925 0.2l-4.013 4.013c-0.25 0.25-0.316 0.614-0.2 0.925 0.042 0.114 0.109 0.221 0.2 0.312 0 0 0 0 0 0l8.494 8.494-8.494 8.494c-0 0-0 0-0 0-0.091 0.091-0.157 0.198-0.2 0.312-0.116 0.311-0.050 0.675 0.2 0.925l4.013 4.013c0.25 0.25 0.614 0.316 0.925 0.2 0.114-0.042 0.221-0.109 0.312-0.2 0-0 0-0 0-0l8.494-8.494 8.494 8.494c0 0 0 0 0 0 0.092 0.091 0.198 0.158 0.312 0.2 0.311 0.116 0.675 0.050 0.925-0.2l4.013-4.013c0.25-0.25 0.316-0.614 0.2-0.925-0.042-0.114-0.109-0.221-0.2-0.312z"></path></svg>');-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(----font-size)/2) calc(var(----font-size)/2);mask-size:calc(var(----font-size)/2) calc(var(----font-size)/2);width:var(----font-size)}.modal>.modal-header>.close:focus,.modal>.modal-header>.close:hover{background-color:#0000001a;outline:none}.modal>.modal-header>.close:active{background-color:#00000026}.modal>.modal-body{background:var(----body--background);border-color:var(----body--border-color);border-style:var(----body--border-style);border-width:var(----body--border-width);color:var(----body--color);padding:var(----body--padding)}.modal>.modal-footer{background:var(----footer--background);border-bottom-left-radius:var(----border-bottom-left-radius);border-bottom-right-radius:var(----border-bottom-right-radius);border-color:var(----footer--border-color);border-style:var(----footer--border-style);border-width:var(----footer--border-width);color:var(----footer--color);padding:var(----footer--padding)}.modal>.modal-body+.modal-body,.modal>.modal-body+.modal-footer,.modal>.modal-header+.modal-body,.modal>.modal-header+.modal-footer{border-top-width:0}