.bs-media-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22000;display:none;place-items:center}.bs-media-modal.is-open{display:grid}.bs-media-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .2s ease}.bs-media-modal.is-open .bs-media-modal__backdrop{opacity:1}.bs-media-modal__dialog{position:relative;width:min(1600px,calc(100vw - 32px));height:min(820px,calc(100vh - 32px));margin:0;background:#fffffffa;border:1px solid rgba(17,24,39,.08);border-radius:18px;box-shadow:0 24px 70px #0000002e;overflow:hidden;transform:translateY(10px) scale(.985);opacity:0;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s ease}.bs-media-modal.is-open .bs-media-modal__dialog{transform:translateY(0) scale(1);opacity:1}.bs-media-modal__close{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(17,24,39,.12);background:#ffffffeb;color:#111827;cursor:pointer;display:grid;place-items:center;z-index:3;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 26px #0000001f;font-size:22px;line-height:1}.bs-media-modal__close:hover{background:#fff;transform:translateY(-1px)}.bs-media-modal__layout{height:100%;display:grid;grid-template-columns:1fr 280px}.bs-media-modal__left{display:grid;grid-template-rows:auto 1fr;padding:8px 18px 18px;gap:12px}.bs-media-modal__tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#1118270a;width:fit-content}.bs-media-modal__tab{-webkit-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:#111827;padding:8px 14px;border-radius:999px;font-weight:700;letter-spacing:.08em;font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.bs-media-modal__tab.is-active{background:#fff;border-color:#1118271a;box-shadow:0 8px 20px #00000014}.bs-media-modal__stage{position:relative;border-radius:16px;border:1px solid rgba(17,24,39,.08);background:linear-gradient(180deg,#11182705,#11182703);overflow:hidden;display:grid;place-items:center}.bs-media-modal__stage-inner{width:100%;height:100%;display:grid;place-items:center;padding:10px 18px 18px;box-sizing:border-box}.bs-media-modal__img{width:auto;height:auto;max-width:100%;max-height:86vh;object-fit:contain;image-rendering:auto;transform:translateZ(0) scale(1);transform-origin:center center;transition:transform .16s ease;will-change:transform}.bs-media-modal__video,.bs-media-modal__other{width:100%;height:100%;display:grid;place-items:center}.bs-media-modal__video video,.bs-media-modal__video iframe,.bs-media-modal__other video,.bs-media-modal__other iframe,.bs-media-modal__other model-viewer{width:100%;height:100%;border:0;border-radius:14px}.bs-media-modal__stage-tools{position:absolute;left:14px;bottom:14px;display:inline-flex;gap:8px;z-index:2}.bs-media-modal__tool{width:40px;height:40px;border-radius:999px;border:1px solid rgba(17,24,39,.12);background:#ffffffeb;color:#111827;cursor:pointer;font-size:18px;font-weight:700;box-shadow:0 10px 26px #0000001f}.bs-media-modal__zoom-fab{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(17,24,39,.12);background:#ffffffeb;color:#111827;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 26px #0000001f;z-index:2}.bs-media-modal .bs-media-modal__stage-tools,.bs-media-modal .bs-media-modal__zoom-fab,.bs-media-modal[data-active-media-type=video] .bs-media-modal__stage-tools,.bs-media-modal[data-active-media-type=external_video] .bs-media-modal__stage-tools,.bs-media-modal[data-active-media-type=video] .bs-media-modal__zoom-fab,.bs-media-modal[data-active-media-type=external_video] .bs-media-modal__zoom-fab{display:none!important}.bs-media-modal__right{border-left:1px solid rgba(17,24,39,.08);padding:18px 16px;display:grid;grid-template-rows:auto 1fr;gap:14px;background:#ffffffeb}.bs-media-modal__meta{padding-top:10px;padding-right:52px}.bs-media-modal__title{font-size:14px;font-weight:700;color:#111827;line-height:1.35;max-height:3.9em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.bs-media-modal__variant{margin-top:6px;font-size:12px;font-weight:600;color:#1118279e}.bs-media-modal__thumbs{overflow:auto;padding-right:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-content:start}.bs-media-modal__thumb{padding:0;border:1.5px solid rgba(17,24,39,.16);border-radius:10px;background:#fff;cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.bs-media-modal__thumb:hover{transform:translateY(-1px)}.bs-media-modal__thumb.is-active{border-color:#111827eb;box-shadow:0 0 0 2px #1118271a}.bs-media-modal__thumb-media{position:relative;display:block;width:100%;aspect-ratio:1 / 1}.bs-media-modal__thumb img{width:100%;height:100%;object-fit:cover;display:block}.bs-media-modal__thumb-badge{position:absolute;left:8px;bottom:8px;display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border-radius:999px;background:#111827c7;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em}.bs-media-modal__thumb-duration{opacity:.92}@media(max-width:980px){.bs-media-modal__dialog{width:calc(100vw - 24px);height:calc(100vh - 24px);margin:12px auto;border-radius:16px}.bs-media-modal__layout{grid-template-columns:1fr;grid-template-rows:1fr auto}.bs-media-modal__right{border-left:0;border-top:1px solid rgba(17,24,39,.08);grid-template-rows:auto auto}.bs-media-modal__thumbs{grid-template-columns:repeat(6,minmax(0,1fr));overflow-x:auto;overflow-y:hidden}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/boldstuff-product-media-modal.css.map */