:root{--bs-close-bg-color: #0062A6;--bs-close-bg-opacity: .16;--bs-close-icon-color: #0062A6;--bs-close-icon-opacity: .92;--bs-primary-color: transparent;--bs-secondary-color: transparent}.bs-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2147483637;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s cubic-bezier(.34,1.56,.64,1),visibility .4s linear}.bs-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.bs-overlay.closing{opacity:0;visibility:hidden;pointer-events:none}.bs-container{position:fixed;bottom:0;left:0;right:0;max-height:75vh;background-color:var(--bs-secondary-color);color:var(--bs-primary-color);border-radius:16px 16px 0 0;display:flex;flex-direction:column;z-index:1050;box-shadow:0 -2px 12px #00000026;transform:translateY(100%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);overscroll-behavior:contain}.bs-overlay.active .bs-container{transform:translateY(0)}.bs-overlay.closing .bs-container{transform:translateY(100%);transition-timing-function:ease-in}.bs-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-shrink:0}.bs-title{margin:0;font-size:18px;font-weight:600;color:#333}.bs-close-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease;padding:0}.bs-close-btn:hover{color:#333}.bs-close-btn:focus{outline:2px solid #0066cc;outline-offset:2px}.bs-content{flex:1}.bs-content::-webkit-scrollbar{width:8px}.bs-content::-webkit-scrollbar-track{background:#f1f1f1}.bs-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.bs-content::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:640px){.bs-container{max-height:75vh}.bs-header{padding:12px 16px}.bs-title{font-size:16px}.bs-body{padding:0 16px 16px;overflow-y:scroll}}@media(min-width:460px){.bs-container{margin:0 20px}.bs-body{padding:0 16px 16px}}@media(min-width:1025px){.bs-container{bottom:auto;right:0;left:auto;top:0;height:100vh;max-height:100vh;max-width:500px;margin:0;width:100%;border-radius:0;box-shadow:-2px 0 12px #00000026;transform:translate(100%)}.bs-overlay.active .bs-container{transform:translate(0)}.bs-overlay.closing .bs-container{transform:translate(100%)}.bs-header{padding:16px 20px;flex-flow:row-reverse}.bs-title{font-size:18px}.bs-content{padding:0 20px;flex-flow:row-reverse}.bs-close-btn svg{width:30px!important;height:30px!important}}
/*# sourceMappingURL=/cdn/shop/t/304/assets/bottomsheet.css.map */