.qg{--qg-glass: rgb(255 252 247 / 72%);--qg-glass-control: rgb(255 252 247 / 50%);--qg-glass-edge: rgb(255 255 255 / 78%);--qg-glass-shadow: 0 8px 28px rgb(48 47 44 / 9%), inset 0 1px 0 rgb(255 255 255 / 70%)}html[data-qoolala-theme=dark] .qg{--qg-glass: rgb(27 38 48 / 72%);--qg-glass-control: rgb(38 54 67 / 50%);--qg-glass-edge: rgb(255 255 255 / 18%);--qg-glass-shadow: 0 8px 28px rgb(0 0 0 / 22%), inset 0 1px 0 rgb(255 255 255 / 12%)}.qg-header{position:sticky;top:12px;z-index:19;width:calc(100% - 32px);max-width:1160px;margin:12px auto 0;padding:10px 22px;border-radius:24px}.qg-header,.qg-agent,.qg-video-dialog{background:var(--qg-glass);border:1px solid var(--qg-glass-edge);box-shadow:var(--qg-glass-shadow);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}.qg-logo{background:#ffffffeb;border-radius:10px}.qg-search,.qg-theme,.qg-carousel-controls button,.qg-filters button,.qg-agent .qg-dismiss,.qg-video-dialog button{background:var(--qg-glass-control);border:1px solid var(--qg-glass-edge);box-shadow:inset 0 1px #ffffff38;-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%)}.qg-header nav a{padding:0 9px;border-radius:18px}.qg-header nav{gap:8px}.qg-theme,.qg-carousel-controls button{min-height:44px;min-width:44px}.qg-search{padding:10px 14px}.qg-filters [aria-pressed=true]{background:#426077;border-color:#426077;color:#fff}.qg-agent{padding:10px 12px 10px 20px}.qg-agent button{width:44px;height:44px;flex-shrink:0}.qg-agent:focus-within{box-shadow:0 0 0 3px #557c9940,var(--qg-glass-shadow)}.qg-agent input::placeholder,.qg-search input::placeholder{color:var(--qg-muted);opacity:1}.qg-video-dialog{border-radius:24px}.qg-video-dialog::backdrop{background:#090e12a6}.qg-grid{align-items:start}.qg-source-card .qg-video-trigger{aspect-ratio:16 / 9;background:#141c23}.qg-source-card .qg-video-trigger>img{object-fit:contain;padding:0}.qg-source-card .qg-video-trigger>.qg-card-preview{object-fit:contain;padding:0;background:#141c23}.qg-source-card .qg-video-trigger:hover>img{transform:none}.qg-video-trigger .qg-badge{background:#fffcf7b8;color:#302f2c;border:1px solid rgb(255 255 255 / 55%);border-radius:14px;padding:5px 8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s ease;pointer-events:none}.qg-video-trigger.is-previewing .qg-badge{opacity:0}.qg-glass-play{position:absolute;left:50%;top:50%;z-index:2;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#ffffff7f;border:1px solid rgb(255 255 255 / 72%);color:#17222d;box-shadow:0 6px 22px #00000029,inset 0 1px 1px #fffc;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);transform:translate(-50%,-50%) scale(.92);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .22s ease}.qg-glass-play svg{margin-left:2px}.qg-video-trigger:focus-visible .qg-glass-play{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(hover:hover)and (pointer:fine){.qg-video-trigger:hover .qg-glass-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.qg-header nav a:hover{background:var(--qg-glass-control)}.qg-theme:hover,.qg-carousel-controls button:hover{transform:translateY(-1px)}}@media(hover:none),(pointer:coarse){.qg-glass-play{width:44px;height:44px;left:auto;top:auto;right:10px;bottom:10px;opacity:1;transform:none}.qg-video-trigger:focus-visible .qg-glass-play{transform:none}}@media(max-width:700px){.qg-header{position:relative;top:auto;padding:12px 16px;border-radius:20px}.qg-header nav a{padding:0 4px}.qg-agent{gap:8px;padding-left:14px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.qg-header,.qg-agent,.qg-video-dialog{background:var(--qg-card)}.qg-glass-play{background:#ffffffd9}}@media(prefers-reduced-transparency:reduce){.qg-header,.qg-agent,.qg-video-dialog,.qg-search,.qg-theme,.qg-carousel-controls button,.qg-agent .qg-dismiss,.qg-video-dialog button{background:var(--qg-card);-webkit-backdrop-filter:none;backdrop-filter:none}.qg-glass-play,.qg-video-trigger .qg-badge{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.qg-glass-play,.qg-video-trigger .qg-badge{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/qoolala-glass.css.map */