.yt-row__head{margin-bottom:18px}.yt-row__link{color:inherit;text-decoration:none}.yt-row__link:hover{color:var(--yt-lime)}.yt-row__link:focus-visible{outline:3px solid var(--yt-lime);outline-offset:3px;border-radius:4px}.yt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.yt-tile{--c1:#0a1a0c;--c2:#173f1c;--c3:#030803;position:relative;display:flex;flex-direction:column;min-width:0;width:100%;aspect-ratio:303/483;border-radius:16px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--c2),var(--c1));container-type:inline-size}.yt-tile--t1{--c1:#0d0e0f;--c2:#2a2c2e;--c3:#050505}.yt-grid>.yt-tile{align-self:stretch}.yt-tile--wide{grid-column:span 2;aspect-ratio:auto}.yt-tile:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;z-index:0;background:linear-gradient(180deg,transparent,var(--c3))}.yt-tile__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;color:#fff;text-decoration:none}.yt-tile__link:focus-visible{outline:3px solid var(--yt-lime);outline-offset:-3px}.yt-tile__art{position:relative;flex:1 1 0;min-height:0;z-index:1;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}.yt-tile__main,.yt-tile__alt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.yt-tile__main img,.yt-tile__alt img{display:block;flex:1 1 0;min-width:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .25s}.yt-tile__alt{-webkit-mask:linear-gradient(135deg,transparent 0,transparent 25%,#000 37.5%,#000 62.5%,transparent 75%,transparent 100%) 100% 100%/400% 400% no-repeat;mask:linear-gradient(135deg,transparent 0,transparent 25%,#000 37.5%,#000 62.5%,transparent 75%,transparent 100%) 100% 100%/400% 400% no-repeat}.yt-tile--alt .yt-tile__main{-webkit-mask:linear-gradient(135deg,#000 0,#000 25%,transparent 37.5%,transparent 62.5%,#000 75%,#000 100%) 100% 100%/400% 400% no-repeat;mask:linear-gradient(135deg,#000 0,#000 25%,transparent 37.5%,transparent 62.5%,#000 75%,#000 100%) 100% 100%/400% 400% no-repeat}.yt-tile--alt.is-wiping .yt-tile__alt,.yt-tile--alt.is-wiping .yt-tile__main{animation:yt-alt-wipe 8s linear infinite}@keyframes yt-alt-wipe{0%,38%{-webkit-mask-position:100% 100%;mask-position:100% 100%}46%,82%{-webkit-mask-position:50% 50%;mask-position:50% 50%}90%,to{-webkit-mask-position:0 0;mask-position:0 0}}.yt-tile__info{position:relative;z-index:2;flex:0 0 auto;display:flex;flex-direction:column;gap:3px;padding:0 44px 14px 14px;transition:transform .18s}.yt-badges{display:flex;flex-wrap:wrap;gap:4px 8px;margin-bottom:4px}.yt-tag{display:inline-block;padding:3px 9px 2px;border-radius:5px;background:var(--yt-lime);color:var(--yt-lime-ink);transform:skew(-12deg);font-family:var(--yt-head);font-weight:900;font-style:italic;font-stretch:112%;font-size:10px;letter-spacing:.03em}.yt-tile__name{display:block;font-family:var(--yt-head);font-weight:800;font-stretch:108%;font-size:clamp(11.5px,7.4cqi,18px);line-height:1.15;text-wrap:balance;text-transform:uppercase}.yt-tile__price{font-family:var(--yt-head);font-weight:700;font-size:12px;color:#fff}.yt-tile__price s{opacity:.6;margin-right:4px}.yt-tile__plus{position:absolute;right:12px;bottom:14px;z-index:3;display:block;width:18px;height:18px;color:#fff}.yt-tile__strip{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:7px 14px 6px;color:#000;text-transform:uppercase;font-family:var(--yt-head);font-weight:900;font-style:italic;font-stretch:112%;font-size:12px;background:linear-gradient(100deg,#39ff14 40%,#c8ffb8,#39ff14 60%) 0 0/300% 100%;transform:translateY(101%);transition:transform .18s}@media(hover:hover){.yt-tile:hover:before{box-shadow:inset 0 0 0 3px var(--yt-lime)}.yt-tile:hover .yt-tile__art img{transform:translateY(-4px) scale(1.02)}.yt-tile:hover .yt-tile__strip,.yt-tile:focus-within .yt-tile__strip{transform:none;animation:yt-shimmer 1.2s linear infinite}.yt-tile:hover .yt-tile__info,.yt-tile:focus-within .yt-tile__info{transform:translateY(-26px)}}@keyframes yt-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.yt-tile:focus-within:before{box-shadow:inset 0 0 0 3px var(--yt-lime)}.yt-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:16px;pointer-events:none;box-shadow:inset 0 0 0 3px transparent;transition:box-shadow .15s}html.yt-menu-open .yt-jumps{display:none}.yt-row .yt-row__all{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;min-width:280px;min-height:54px;margin:22px 0 0;padding:0 26px;border-radius:12px;font-size:14px;letter-spacing:.03em;color:var(--yt-lime-ink)}.yt-row .yt-row__all svg{width:18px;height:18px;transition:transform .2s}.yt-row .yt-row__all:hover svg,.yt-row .yt-row__all:focus-visible svg{transform:translate(4px)}.yt-banner__bars{gap:6px}.yt-banner__bars i{position:relative;overflow:hidden;width:44px;height:4px;background:#ffffff4d}.yt-banner__bars i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--yt-lime);transform:scaleX(0);transform-origin:left}.yt-banner__bars i.is-done:after{transform:scaleX(1)}.yt-banner__bars i.is-active{background:#ffffff4d}.yt-banner__bars i.is-active:after{animation:yt-bar 5.5s linear forwards}.yt-hero.is-paused .yt-banner__bars i.is-active:after{animation-play-state:paused}@keyframes yt-bar{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.yt-banner__bars i.is-active:after{animation:none;transform:scaleX(1)}}.yt-live{transform:skew(-12deg);background:#000;color:var(--yt-lime)}.yt-jumps{position:fixed;left:22px;top:50%;z-index:40;display:flex;flex-direction:column;gap:6px;transform:translateY(-50%)}.yt-jumps a{display:grid;place-items:center;width:20px;height:20px}.yt-jumps a:before{content:"";width:8px;height:8px;border-radius:50%;background:#ffffff59;transition:background .2s,transform .2s}.yt-jumps a:hover:before{background:#fff}.yt-jumps a.is-active:before{background:var(--yt-lime);transform:scale(1.3)}@media(max-width:1100px){.yt-jumps{display:none}}.yt-cart.is-bump{animation:yt-bump .4s ease}@keyframes yt-bump{35%{transform:scale(1.07)}}@media(max-width:700px){.yt-grid{grid-template-columns:repeat(2,1fr)}.yt-row .yt-row__all{width:100%;min-width:0}.yt-tile--wide{aspect-ratio:606/530}.yt-tile__info{padding:0 38px 12px 12px}.yt-banner__bars i{width:32px}}@media(max-width:520px){.yt-pill--menu{width:44px;padding:0;justify-content:center}.yt-pill--menu span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.yt-bar__row{padding:0 8px;gap:6px}.yt-bar__logo{font-size:16px}.yt-bar__right{gap:6px}.yt-cart{padding-left:4px;gap:4px}.yt-cart__btn{padding:6px 8px}}@media(prefers-reduced-motion:reduce){.yt-tile--alt.is-wiping .yt-tile__alt,.yt-tile--alt.is-wiping .yt-tile__main,.yt-cart.is-bump{animation:none}.yt-tile__strip,.yt-tile__info,.yt-tile__art img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/yt-tiles.css.map */