.puff-time-paper-selector-trigger{position:absolute;top:max(28px,calc(var(--puff-time-showcase-safe-top, 0px) + 20px));right:22px;bottom:auto;z-index:9;display:inline-flex;min-width:104px;min-height:38px;align-items:center;justify-content:center;padding:0 11px;gap:8px;border:1px solid rgba(2,252,26,.55);background:#030a08e0;box-shadow:0 0 20px #02fc1a1a,inset 0 0 12px #02fc1a0d;color:#e9fff0;font:700 9px/1 var(--font-body-family, "Cabin", Arial, sans-serif);letter-spacing:.15em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.puff-time-paper-selector-trigger:hover,.puff-time-paper-selector-trigger:focus-visible{transform:translateY(-1px);border-color:#02fc1a;background:#02fc1a29;box-shadow:0 0 25px #02fc1a3d;color:#02fc1a;outline:1px solid rgba(217,251,255,.82);outline-offset:2px}.puff-time-paper-selector-trigger__icon{width:17px;height:17px;fill:none;stroke:#02fc1a;stroke-width:1.4;transition:transform .18s ease}.puff-time-paper-selector-trigger:hover .puff-time-paper-selector-trigger__icon,.puff-time-paper-selector-trigger:focus-visible .puff-time-paper-selector-trigger__icon{transform:rotate(45deg)}.puff-time-paper-selector-trigger__label{white-space:nowrap}.puff-time-paper-selector[open]{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;width:100%;height:100%;max-width:none;max-height:none;place-items:center;overflow:hidden;margin:0;padding:clamp(64px,9vh,96px) clamp(20px,5vw,76px) clamp(24px,4vh,48px);border:0;background:transparent;color:#e9fff0}.puff-time-paper-selector::backdrop{background:#01070ac2;-webkit-backdrop-filter:blur(13px) saturate(.62);backdrop-filter:blur(13px) saturate(.62)}.puff-time-paper-selector[open]::backdrop{animation:puff-paper-backdrop-in .26s ease-out both}.puff-time-paper-selector.is-closing::backdrop{animation:puff-paper-backdrop-out .17s ease-in both}.puff-time-paper-selector__panel{position:relative;display:grid;width:min(1500px,100%);height:100%;max-height:100%;grid-template-rows:minmax(0,1fr);padding:0;gap:0;overflow:hidden;border:0;background:transparent;box-shadow:none}.puff-time-paper-selector__panel:before,.puff-time-paper-selector__panel:after{content:none}.puff-time-paper-selector__close{position:fixed;top:max(16px,calc(env(safe-area-inset-top) + 8px));right:max(16px,calc(env(safe-area-inset-right) + 8px));z-index:4;display:grid;width:48px;height:48px;min-width:48px;min-height:48px;box-sizing:border-box;flex:none;place-items:center;padding:0;border:1px solid rgba(217,251,255,.5);border-radius:50%;background:#030a08c7;color:#e9fff0;cursor:pointer;transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease}.puff-time-paper-selector__close svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7}.puff-time-paper-selector__close:hover,.puff-time-paper-selector__close:focus-visible{transform:rotate(90deg);border-color:#02fc1a;background:#02fc1a26;color:#02fc1a;outline:1px solid rgba(2,252,26,.7);outline-offset:2px}.puff-time-paper-selector__grid{display:grid;min-height:0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:clamp(12px,2.1vw,30px)}.puff-time-paper-selector__card{position:relative;display:grid;min-width:0;min-height:0;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;padding:0 3px;overflow:visible;border:0;background:transparent;color:inherit;text-align:center;text-decoration:none;opacity:.78;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.7,.2,1),filter .22s ease}.puff-time-paper-selector__card:before{content:none}.puff-time-paper-selector__card:hover,.puff-time-paper-selector__card:focus-visible,.puff-time-paper-selector__card.is-current{transform:translateY(-3px);border:0;background:transparent;box-shadow:none;outline:none;opacity:1;filter:drop-shadow(0 8px 22px rgba(0,0,0,.28))}.puff-time-paper-selector__image-wrap{position:relative;display:grid;width:100%;height:100%;min-height:0;aspect-ratio:auto;place-items:center;overflow:visible;border:0;background:radial-gradient(ellipse at 50% 53%,rgba(2,252,26,.12),transparent 67%)}.puff-time-paper-selector__image-wrap:after{position:absolute;top:8%;right:4%;bottom:3%;left:4%;background:radial-gradient(ellipse,rgba(2,252,26,.19),transparent 68%);content:"";opacity:0;transition:opacity .22s ease;pointer-events:none}.puff-time-paper-selector__card:hover .puff-time-paper-selector__image-wrap:after,.puff-time-paper-selector__card:focus-visible .puff-time-paper-selector__image-wrap:after,.puff-time-paper-selector__card.is-current .puff-time-paper-selector__image-wrap:after{opacity:1}.puff-time-paper-selector__image-wrap img{position:relative;z-index:1;width:100%;height:100%;padding:0;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 20px rgba(0,0,0,.25));transition:transform .32s cubic-bezier(.2,.7,.2,1),filter .22s ease}.puff-time-paper-selector__card:hover .puff-time-paper-selector__image-wrap img,.puff-time-paper-selector__card:focus-visible .puff-time-paper-selector__image-wrap img,.puff-time-paper-selector__card.is-current .puff-time-paper-selector__image-wrap img{transform:scale(1.055) translateY(-2px);filter:drop-shadow(0 18px 28px rgba(2,252,26,.23))}.puff-time-paper-selector__image-fallback{position:relative;z-index:1;color:#d9fbffd1;font:800 clamp(86px,13vw,190px)/.9 var(--font-heading-family, "Bayon", Arial, sans-serif);letter-spacing:-.07em;text-shadow:0 0 40px rgba(2,252,26,.4)}.puff-time-paper-selector__current{position:absolute;top:8%;left:3%;z-index:2;display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid rgba(2,252,26,.55);border-radius:50%;background:#010a07c7;color:#02fc1a;font:700 18px/1 var(--font-body-family, "Cabin", Arial, sans-serif)}.puff-time-paper-selector__scan{display:none}.puff-time-paper-selector__card-copy{display:grid;min-height:60px;align-content:start;justify-items:center;padding:8px 2px 0;gap:5px}.puff-time-paper-selector__card-copy strong{display:block;max-width:100%;overflow:visible;color:#e9fff0;font:700 clamp(18px,1.9vw,28px)/.98 var(--font-heading-family, "Bayon", Arial, sans-serif);letter-spacing:.035em;text-wrap:balance}.puff-time-paper-selector__card-copy>span{color:#02fc1a;font:700 10px/1 var(--font-body-family, "Cabin", Arial, sans-serif);letter-spacing:.22em}.puff-time-paper-selector[open]:not(.is-closing) .puff-time-paper-selector__panel{animation:puff-paper-scene-in .28s cubic-bezier(.2,.8,.2,1) both}.puff-time-paper-selector[open]:not(.is-closing) .puff-time-paper-selector__card{animation:puff-paper-item-in .4s cubic-bezier(.2,.8,.2,1) both}.puff-time-paper-selector[open]:not(.is-closing) .puff-time-paper-selector__card:nth-child(2){animation-delay:45ms}.puff-time-paper-selector[open]:not(.is-closing) .puff-time-paper-selector__card:nth-child(3){animation-delay:90ms}.puff-time-paper-selector[open]:not(.is-closing) .puff-time-paper-selector__card:nth-child(4){animation-delay:135ms}.puff-time-paper-selector[open]:not(.is-closing) .puff-time-paper-selector__card:nth-child(5){animation-delay:.18s}.puff-time-paper-selector.is-closing .puff-time-paper-selector__panel{animation:puff-paper-scene-out .17s ease-in both}@keyframes puff-paper-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes puff-paper-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes puff-paper-scene-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes puff-paper-scene-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.01)}}@keyframes puff-paper-item-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:960px){.puff-time-paper-selector-trigger{top:max(28px,calc(var(--puff-time-showcase-safe-top, 0px) + 16px));right:12px}.puff-time-paper-selector[open]{padding:60px 24px 20px}.puff-time-paper-selector__grid{gap:10px}.puff-time-paper-selector__card-copy strong{font-size:clamp(17px,2.4vw,25px)}}@media screen and (max-width:749px){.puff-time-paper-selector-trigger{top:max(20px,calc(var(--puff-time-showcase-safe-top, 0px) + 12px));right:12px;min-width:84px;min-height:32px;padding:0 8px;gap:6px;font-size:8px}.puff-time-paper-selector-trigger__icon{width:14px;height:14px}.puff-time-paper-selector[open]{padding:max(58px,calc(env(safe-area-inset-top) + 14px)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.puff-time-paper-selector__panel{grid-template-rows:minmax(0,1fr)}.puff-time-paper-selector__close{width:46px;height:46px;min-width:46px;min-height:46px}.puff-time-paper-selector__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:4px 12px}.puff-time-paper-selector__card--king{grid-column:1 / -1;justify-self:center;width:calc(50% - 6px)}.puff-time-paper-selector__image-wrap img{position:absolute;top:0;right:0;bottom:0;left:0}.puff-time-paper-selector__card{padding:0}.puff-time-paper-selector__current{top:4%;left:4%;width:28px;height:28px;font-size:15px}.puff-time-paper-selector__card-copy{min-height:42px;padding-top:4px;gap:3px}.puff-time-paper-selector__card-copy strong{font-size:clamp(14px,4vw,20px);line-height:1}}@media screen and (max-height:600px)and (min-width:750px){.puff-time-paper-selector[open]{padding-top:54px;padding-bottom:12px}.puff-time-paper-selector__panel{grid-template-rows:minmax(0,1fr)}.puff-time-paper-selector__card-copy{min-height:42px}}@media(prefers-reduced-motion:reduce){.puff-time-paper-selector-trigger,.puff-time-paper-selector__card,.puff-time-paper-selector__image-wrap img,.puff-time-paper-selector__close{transition:none!important;animation-duration:.01ms!important;animation-delay:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/puff-time-paper-selector.css.map */