[data-modal]{--speed:0.3s;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden;z-index:100}[data-modal].active{opacity:1;visibility:visible}[data-modal].left [data-modal-wrapper]{-webkit-box-pack:start;-ms-flex-pack:start;height:100%;justify-content:flex-start;padding:0}[data-modal].left .modal__content{min-height:100%}[data-modal].right [data-modal-wrapper]{-webkit-box-pack:end;-ms-flex-pack:end;height:100%;justify-content:flex-end;padding:0}[data-modal].right .modal__content{min-height:100%}[data-modal-wrapper]{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;overflow:auto;padding:30px;width:100%}.modal__content{background-color:#fff;padding:30px}[data-modal].fade,[data-modal].transformBottom{-webkit-transition:opacity var(--speed),visibility var(--speed);-o-transition:opacity var(--speed),visibility var(--speed);transition:opacity var(--speed),visibility var(--speed)}[data-modal].transformBottom [data-modal-wrapper]{-webkit-transform:translateY(100vh);-ms-transform:translateY(100vh);transform:translateY(100vh);-webkit-transition:-webkit-transform var(--speed);transition:-webkit-transform var(--speed);-o-transition:transform var(--speed);transition:transform var(--speed);transition:transform var(--speed),-webkit-transform var(--speed)}[data-modal].transformBottom.active [data-modal-wrapper]{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}[data-modal].transformTop{-webkit-transition:opacity var(--speed),visibility var(--speed);-o-transition:opacity var(--speed),visibility var(--speed);transition:opacity var(--speed),visibility var(--speed)}[data-modal].transformTop [data-modal-wrapper]{-webkit-transform:translateY(-100vh);-ms-transform:translateY(-100vh);transform:translateY(-100vh);-webkit-transition:-webkit-transform var(--speed);transition:-webkit-transform var(--speed);-o-transition:transform var(--speed);transition:transform var(--speed);transition:transform var(--speed),-webkit-transform var(--speed)}[data-modal].transformTop.active [data-modal-wrapper]{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}[data-modal].transformLeft{-webkit-transition:opacity var(--speed),visibility var(--speed);-o-transition:opacity var(--speed),visibility var(--speed);transition:opacity var(--speed),visibility var(--speed)}[data-modal].transformLeft [data-modal-wrapper]{-webkit-transform:translateX(-100vw);-ms-transform:translateX(-100vw);transform:translateX(-100vw);-webkit-transition:-webkit-transform var(--speed);transition:-webkit-transform var(--speed);-o-transition:transform var(--speed);transition:transform var(--speed);transition:transform var(--speed),-webkit-transform var(--speed)}[data-modal].transformLeft.active [data-modal-wrapper]{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}[data-modal].transformRight{-webkit-transition:opacity var(--speed),visibility var(--speed);-o-transition:opacity var(--speed),visibility var(--speed);transition:opacity var(--speed),visibility var(--speed)}[data-modal].transformRight [data-modal-wrapper]{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:-webkit-transform var(--speed);transition:-webkit-transform var(--speed);-o-transition:transform var(--speed);transition:transform var(--speed);transition:transform var(--speed),-webkit-transform var(--speed)}[data-modal].transformRight.active [data-modal-wrapper]{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}[data-modal].scaleCenter{-webkit-transition:opacity var(--speed),visibility var(--speed);-o-transition:opacity var(--speed),visibility var(--speed);transition:opacity var(--speed),visibility var(--speed)}[data-modal].scaleCenter [data-modal-wrapper]{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform var(--speed);transition:-webkit-transform var(--speed);-o-transition:transform var(--speed);transition:transform var(--speed);transition:transform var(--speed),-webkit-transform var(--speed)}[data-modal].scaleCenter.active [data-modal-wrapper]{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[data-tab]{display:none}[data-tab].active{display:block}[data-select]{position:relative}[data-select].active [data-select-body]{opacity:1;visibility:visible}[data-select-top]{cursor:pointer;padding:10px}[data-select-body],[data-select-top]{border:1px solid #000;border-radius:4px}[data-select-body]{left:0;opacity:0;overflow:hidden;position:absolute;top:calc(100% - 1px);-webkit-transition:opacity .3s ease-in-out,visibility .3s ease-in-out;-o-transition:opacity .3s ease-in-out,visibility .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:10}