.ctr-unbox{--ctr-unbox-gap: 20px;--ctr-unbox-page: var(--ctr-mist-2, #eef0f6);--ctr-unbox-card: var(--ctr-card, #f9fafd);--ctr-unbox-arrow: 40px;display:block;padding:var(--ctr-unbox-pt, 48px) 0 var(--ctr-unbox-pb, 56px);background:var(--ctr-unbox-page);color:var(--ctr-ink, #0a0f2c)}.ctr-unbox__inner{max-width:1430px;margin-inline:auto;padding-inline:30px}.ctr-unbox__head{margin-bottom:28px;text-align:center}.ctr-unbox__title{margin:0;font-family:var(--ctr-font-head, inherit);font-size:28px;font-weight:700;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;text-wrap:balance}.ctr-unbox__sub{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--ctr-muted, #4a4f66)}.ctr-unbox__placeholder{margin:0;padding:28px 20px;border:1px dashed rgb(0 0 139 / .3);border-radius:14px;background:var(--ctr-unbox-card);color:var(--ctr-muted, #4a4f66);font-size:14px;text-align:center}.ctr-unbox__placeholder code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;color:var(--ctr-navy, #00008b)}.ctr-unbox__viewport{position:relative}.ctr-unbox__grid{--ctr-unbox-tile: calc( (100% - (var(--ctr-unbox-cols, 5) - 1) * var(--ctr-unbox-gap)) / var(--ctr-unbox-cols, 5) );display:grid;grid-template-columns:repeat(var(--ctr-unbox-shown, 5),minmax(0,var(--ctr-unbox-tile)));justify-content:center;gap:var(--ctr-unbox-gap);margin:0;padding:0;list-style:none}.ctr-unbox--scroll .ctr-unbox__grid{grid-auto-flow:column;grid-auto-columns:var(--ctr-unbox-tile);grid-template-columns:none;justify-content:start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ctr-unbox__grid::-webkit-scrollbar{display:none}.ctr-unbox--scroll .ctr-unbox__cell{scroll-snap-align:start}.ctr-unbox__cell{min-width:0}.ctr-unbox__tile{position:relative;display:block;width:100%;margin:0;padding:0;border:0;border-radius:var(--ctr-unbox-radius, 22px);background:var(--ctr-ink, #0a0f2c);box-shadow:0 10px 30px #0000281f;overflow:hidden;cursor:pointer;aspect-ratio:9 / 16;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}@media(hover:hover){.ctr-unbox__tile:hover{transform:translateY(-3px);box-shadow:0 16px 38px #0000282e}}.ctr-unbox__tile:focus-visible{outline:2px solid var(--ctr-navy, #00008b);outline-offset:3px}.ctr-unbox__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--ctr-ink, #0a0f2c)}.ctr-unbox__chip{position:absolute;z-index:2;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:5px 10px;border-radius:999px;background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ctr-navy, #00008b);font-size:10.5px;font-weight:600;line-height:1;white-space:nowrap}.ctr-unbox__chip-icon{width:14px;height:14px;flex:none}.ctr-unbox__chip-text{overflow:hidden;text-overflow:ellipsis}.ctr-unbox__caption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:34px 12px 12px;background:linear-gradient(to top,#000014b8,#00001400);color:#fff;font-size:11.5px;font-weight:500;line-height:1.35;text-align:left}.ctr-unbox__tile:has(.ctr-unbox__caption) .ctr-unbox__chip{bottom:auto;top:10px}.ctr-unbox__arrow{position:absolute;z-index:3;top:50%;translate:0 -50%;display:none;place-items:center;width:var(--ctr-unbox-arrow);height:var(--ctr-unbox-arrow);padding:0;border:0;border-radius:50%;background:#fff;color:var(--ctr-navy, #00008b);box-shadow:0 4px 16px #0000282e;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.ctr-unbox__arrow svg{width:20px;height:20px}.ctr-unbox__arrow--prev{left:-18px}.ctr-unbox__arrow--next{right:-18px}.ctr-unbox__arrow[hidden]{display:none!important}@media screen and (min-width:990px){.ctr-unbox--scroll .ctr-unbox__arrow{display:grid}}@media(hover:hover){.ctr-unbox__arrow:hover{transform:scale(1.08)}}.ctr-unbox__arrow:focus-visible{outline:2px solid var(--ctr-navy, #00008b);outline-offset:2px}.ctr-unbox__dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.ctr-unbox__dialog::backdrop{background:#000000e6}.ctr-unbox__dialog[open]{display:grid;place-items:center}.ctr-unbox__player{width:min(100%,56.25dvh);max-height:100dvh;aspect-ratio:9 / 16;object-fit:contain;background:#000}.ctr-unbox__close{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top,0px));right:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer}.ctr-unbox__close:hover{background:#ffffff42}.ctr-unbox__close svg{width:22px;height:22px}.ctr-unbox__dnav{position:absolute;z-index:2;top:50%;translate:0 -50%;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer}.ctr-unbox__dnav:hover{background:#ffffff42}.ctr-unbox__dnav svg{width:24px;height:24px}.ctr-unbox__dnav--prev{left:12px}.ctr-unbox__dnav--next{right:12px}.ctr-unbox__dnav[hidden],.ctr-unbox__close[hidden]{display:none!important}.ctr-unbox__close:focus-visible,.ctr-unbox__dnav:focus-visible{outline:2px solid #fff;outline-offset:2px}@media screen and (max-width:989px){.ctr-unbox__grid,.ctr-unbox--scroll .ctr-unbox__grid{display:flex;grid-auto-flow:unset;grid-auto-columns:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ctr-unbox__cell{flex:0 0 calc((100% - 2 * var(--ctr-unbox-gap)) / 3);scroll-snap-align:start}}@media screen and (max-width:749px){.ctr-unbox{--ctr-unbox-gap: 12px;padding:min(var(--ctr-unbox-pt, 48px),36px) 0 min(var(--ctr-unbox-pb, 56px),44px)}.ctr-unbox__inner{padding-inline:16px}.ctr-unbox__title{font-size:20px}.ctr-unbox__head{margin-bottom:20px}.ctr-unbox__grid,.ctr-unbox--scroll .ctr-unbox__grid{scroll-padding-inline:16px;margin-inline:-16px;padding-inline:16px}.ctr-unbox__cell{flex:0 0 calc((100% - 1.2 * var(--ctr-unbox-gap)) / 2.2)}.ctr-unbox__chip{left:8px;bottom:8px;padding:4px 8px;font-size:9.5px}}@media(prefers-reduced-motion:reduce){.ctr-unbox__tile,.ctr-unbox__arrow{transition:none}.ctr-unbox__tile:hover{transform:none}}.ctr-unbox__tile[data-poster-only] .ctr-unbox__chip-icon--muted{display:none}.ctr-unbox__tile[data-poster-only] .ctr-unbox__chip:before{content:"";width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentcolor}
/*# sourceMappingURL=/cdn/shop/t/2/assets/citron-unboxing-videos.css.map */