.snk-card{position:relative;display:block;min-width:0;font-family:var(--snk-font-body);color:var(--snk-ink)}.snk-card__top{position:relative}.snk-card__media{position:relative;isolation:isolate;aspect-ratio:1 / 1.08;overflow:hidden;border:1px solid var(--snk-line);border-radius:var(--snk-radius-lg);background:var(--snk-soft)}.snk-card__image-link{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.snk-card__image{width:86%;height:auto;mix-blend-mode:multiply;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .2s}.snk-card:not(.snk-card--alt):hover .snk-card__image{transform:scale(1.05) rotate(-3deg)}.snk-card__image--alt{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0}.snk-card__placeholder{width:100%;height:100%;fill:var(--snk-mid)}.snk-card--sold-out .snk-card__image{opacity:.55}.snk-card__badges{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.snk-card__badge{padding:4px 8px;background:var(--snk-lime);color:var(--snk-ink);font:italic 800 10px var(--snk-font-body);letter-spacing:.02em;text-transform:uppercase;transform:skew(-8deg)}.snk-card__badge--sold-out{background:var(--snk-white);box-shadow:inset 0 0 0 1px var(--snk-ink)}.snk-card--sold-out .snk-card__title,.snk-card--sold-out .snk-card__price{color:var(--snk-mid)}.snk-card__period{position:absolute;top:12px;left:12px;z-index:2;max-width:calc(100% - 24px);padding:4px 8px;background:var(--snk-lime);color:var(--snk-ink);font:700 11px/14px var(--snk-font-body);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snk-card__pack,.snk-card__sizes{display:none}.snk-card__add{position:absolute;right:8px;bottom:8px;z-index:3;display:flex;align-items:center;gap:5px;min-height:0;padding:6px 9px 6px 15px;border:0;border-radius:0;background:var(--snk-ink);color:var(--snk-lime);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%);font:700 10px/1 var(--snk-font-body);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,transform .15s,border-color .15s}.snk-card__add:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.snk-card__add:hover{background:var(--snk-ink);color:var(--snk-white);transform:translateY(-1px)}.snk-card__add-icon{display:grid;place-items:center;width:12px;height:12px}.snk-card__add-icon .snk-icon{grid-area:1 / 1;width:12px;height:12px}.snk-card__add-plus{transition:transform .38s cubic-bezier(.2,.8,.2,1)}.snk-card__add[aria-expanded=true] .snk-card__add-plus{transform:rotate(45deg)}.snk-card__add-check{display:none}.snk-card__add.is-added,.snk-card__add.is-added:hover{border-color:var(--snk-lime);background:var(--snk-lime);color:var(--snk-ink);transform:none}.snk-card__add.is-added .snk-card__add-plus{display:none}.snk-card__add.is-added .snk-card__add-check{display:block}.snk-card__add[aria-busy=true]{opacity:.6;cursor:progress}.snk-qa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1)}.snk-card.is-open .snk-qa{grid-template-rows:1fr}.snk-qa__inner{min-height:0;overflow:hidden}.snk-qa__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 2px 8px}.snk-qa__label{color:var(--snk-ink);font:600 10px/1.3 var(--snk-font-mono);letter-spacing:.08em;text-transform:uppercase}.snk-qa__guide{color:var(--snk-mid);font:400 11px var(--snk-font-body);text-decoration:underline;text-underline-offset:2px}.snk-qa__sizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:0 0 2px}.snk-qa__foot{display:flex;justify-content:flex-end;padding:8px 2px 10px}.snk-qa__size{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:38px;padding:0;border:1px solid var(--snk-line);border-radius:6px;background:var(--snk-white);color:var(--snk-ink);font:600 12px/1 var(--snk-font-body);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.snk-qa__size:hover:not(:disabled){border-color:var(--snk-ink)}.snk-qa__size[aria-pressed=true]{border-color:var(--snk-ink);background:var(--snk-ink);color:var(--snk-lime)}.snk-qa__size[aria-busy=true]{cursor:progress}.snk-qa__size.is-sold-out{background:var(--snk-soft);color:var(--snk-mid);text-decoration:line-through;cursor:not-allowed;opacity:.7}.snk-qa__last{display:block;width:5px;height:5px;margin-top:3px;background:var(--snk-lime)}.snk-qa__size[aria-pressed=true] .snk-qa__last{background:var(--snk-lime)}.snk-card.is-open .snk-qa__size{animation:snk-qa-in .26s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 25ms)}@keyframes snk-qa-in{0%{opacity:0;transform:translateY(6px)}}.snk-qa-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:88vh;margin:0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;border:0;border-radius:14px 14px 0 0;background:var(--snk-white);color:var(--snk-ink);transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.snk-qa-sheet.is-visible{transform:none}.snk-qa-sheet::backdrop{background:#1d1e208c}.snk-qa-sheet__head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--snk-line)}.snk-qa-sheet__thumb{display:grid;flex:none;place-items:center;width:56px;height:56px;overflow:hidden;border-radius:8px;background:var(--snk-soft)}.snk-qa-sheet__thumb img{width:90%;height:auto;mix-blend-mode:multiply}.snk-qa-sheet__product{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.snk-qa-sheet__product b{overflow:hidden;font:600 14px/1.3 var(--snk-font-body);text-overflow:ellipsis;white-space:nowrap}.snk-qa-sheet__product span{font:700 14px var(--snk-font-body)}.snk-qa-sheet__close{display:grid;flex:none;place-items:center;width:var(--snk-tap);height:var(--snk-tap);margin-right:-10px;padding:0;border:0;background:none;color:var(--snk-ink);cursor:pointer}.snk-qa-sheet__close .snk-icon{width:24px;height:24px}.snk-qa-sheet .snk-qa__head{padding:14px 0 10px}.snk-qa-sheet .snk-qa__sizes{gap:6px}.snk-qa-sheet .snk-qa__size{height:46px;font-size:14px}.snk-qa-sheet__cta{width:100%;min-height:50px;margin-top:16px;padding:12px 16px;border:0;border-radius:8px;background:var(--snk-ink);color:var(--snk-white);font:700 12.5px/1.2 var(--snk-font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s}.snk-qa-sheet__cta:disabled{background:var(--snk-soft);color:var(--snk-mid);cursor:not-allowed}.snk-qa-sheet__cta.is-added{background:var(--snk-lime);color:var(--snk-ink)}.snk-qa-sheet__cta.is-added:after{content:" \2713"}.snk-qa-sheet__cta[aria-busy=true]{cursor:progress;opacity:.7}.snk-qa-sheet__note{margin:12px 0 0;color:var(--snk-mid);font:400 11.5px/1.4 var(--snk-font-body);text-align:center}.snk-qa-sheet button:focus-visible,.snk-qa-sheet a:focus-visible{outline:2px solid var(--snk-ink);outline-offset:2px}.snk-card__qa-message:empty{display:none}.snk-card__qa-message{margin:8px 0 0;padding:6px 8px;background:var(--snk-ink);color:var(--snk-white);font-size:11px}.snk-card button:focus-visible,.snk-card a:focus-visible{outline:2px solid var(--snk-ink);outline-offset:2px}.snk-card__body{padding:16px 2px 0}.snk-card__vendor{display:block;height:12px;margin-bottom:6px;overflow:hidden;font-size:9px;line-height:12px;white-space:nowrap}.snk-card__title{margin:0;font:600 13px/17px var(--snk-font-body);letter-spacing:0;text-transform:none}.snk-card__title-link{display:block;max-height:34px;overflow:hidden;color:inherit;text-decoration:none}.snk-card__title-link .snk-title__model,.snk-card__title-link .snk-title__nick{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.snk-card__title-link .snk-title__nick{font-weight:500}.snk-card__price{display:flex;flex-wrap:nowrap;align-items:baseline;gap:0 8px;height:20px;margin-top:8px;overflow:hidden;font-size:15px;line-height:20px;white-space:nowrap}.snk-card__price b{flex:none;font-size:1em}.snk-card__compare{flex:none;color:var(--snk-mid);font-size:.8em}.snk-card .snk-card__stock{display:block;height:14px;margin-top:4px;overflow:hidden;color:var(--snk-ink);font:600 10.5px/14px var(--snk-font-body);white-space:nowrap}@media(prefers-reduced-motion:reduce){.snk-card__image,.snk-card__add{transition:none}.snk-card:hover .snk-card__image{transform:none}.snk-card__add-plus,.snk-qa,.snk-qa__size,.snk-qa-sheet,.snk-qa-sheet__cta{transition:none}.snk-card.is-open .snk-qa__size,.snk-card--quick.is-open .snk-qa{animation:none}}@media screen and (min-width:750px){.snk-card__period{font-size:11px}}@media(hover:hover)and (min-width:990px){.snk-card--quick .snk-card__add{right:10px;bottom:10px;justify-content:center;gap:0;width:40px;height:36px;padding:0 0 0 4px;border:0;border-radius:0;background:var(--snk-ink);color:var(--snk-lime);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%)}.snk-card--quick .snk-card__add:before{top:-6px;right:-6px;bottom:-6px;left:-6px}.snk-card--quick .snk-card__add:hover{transform:none}.snk-card--quick .snk-card__add-label{display:none}.snk-card--quick .snk-card__add-icon,.snk-card--quick .snk-card__add-icon .snk-icon{width:14px;height:14px}.snk-card--alt:hover .snk-card__image--main,.snk-card--alt:focus-within .snk-card__image--main{opacity:0}.snk-card--alt:hover .snk-card__image--alt,.snk-card--alt:focus-within .snk-card__image--alt{opacity:1}.snk-card__sizes{position:absolute;right:56px;bottom:10px;left:10px;z-index:3;display:flex;align-items:center;gap:4px;height:36px;margin:0}@media(hover:hover){.snk-card__sizes{visibility:hidden}.snk-card__size-item,.snk-card__size-more{opacity:0;transform:translate(-12px)}.snk-card:hover .snk-card__sizes,.snk-card:focus-within .snk-card__sizes{visibility:visible}.snk-card:hover .snk-card__size-item,.snk-card:hover .snk-card__size-more,.snk-card:focus-within .snk-card__size-item,.snk-card:focus-within .snk-card__size-more{opacity:1;transform:none;transition:opacity .22s ease-out,transform .22s cubic-bezier(.2,.7,.2,1)}.snk-card:hover .snk-card__size-item:nth-child(2),.snk-card:focus-within .snk-card__size-item:nth-child(2){transition-delay:30ms}.snk-card:hover .snk-card__size-item:nth-child(3),.snk-card:focus-within .snk-card__size-item:nth-child(3){transition-delay:60ms}.snk-card:hover .snk-card__size-item:nth-child(4),.snk-card:focus-within .snk-card__size-item:nth-child(4){transition-delay:90ms}.snk-card:hover .snk-card__size-more,.snk-card:focus-within .snk-card__size-more{transition-delay:.12s}.snk-card__sizes.is-open .snk-card__size-item{transition-delay:0s}}.snk-card--pack .snk-card__period:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--snk-white) 75%,transparent) 50%,transparent 70%);transform:translate(-120%)}.snk-card--pack:hover .snk-card__period:after,.snk-card--pack:focus-within .snk-card__period:after{transform:translate(120%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.snk-card__pack{position:absolute;top:40px;left:12px;z-index:2;display:flex;gap:6px;pointer-events:none}.snk-card__pack-item{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid var(--snk-line);background:var(--snk-white);opacity:0;transform:translateY(-16px) scale(.6) rotate(-10deg);transform-origin:top left;transition:opacity .15s ease,transform .2s ease;transition-delay:50ms}.snk-card__pack-item:nth-child(2){transform:translateY(-16px) scale(.6) rotate(10deg);transition-delay:0s}.snk-card__pack-img{width:86%;height:86%;object-fit:contain}.snk-card:hover .snk-card__pack-item,.snk-card:focus-within .snk-card__pack-item{opacity:1;transform:none;transition:opacity .2s ease-out,transform .42s cubic-bezier(.34,1.56,.64,1);transition-delay:.12s}.snk-card:hover .snk-card__pack-item:nth-child(2),.snk-card:focus-within .snk-card__pack-item:nth-child(2){transition-delay:.19s}@media(prefers-reduced-motion:reduce){.snk-card--pack .snk-card__period:after{display:none}.snk-card__pack-item,.snk-card__pack-item:nth-child(2),.snk-card:hover .snk-card__pack-item,.snk-card:focus-within .snk-card__pack-item{transform:none;transition:opacity .15s ease;transition-delay:0s}}@media(hover:hover)and (prefers-reduced-motion:reduce){.snk-card__size-item,.snk-card__size-more{transform:none}.snk-card:hover .snk-card__size-item,.snk-card:hover .snk-card__size-more,.snk-card:focus-within .snk-card__size-item,.snk-card:focus-within .snk-card__size-more{transition:opacity .15s ease;transition-delay:0s}}.snk-card__sizes-list{display:flex;flex:0 1 auto;align-items:center;gap:4px;min-width:0;height:100%;margin:0;padding:0;overflow:hidden;list-style:none}.snk-card__size-item{flex:none}.snk-card__size-item[hidden]{display:none}.snk-card__size,.snk-card__size-more{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:40px;height:36px;padding:0 6px;border:1px solid var(--snk-line);border-radius:0;background:var(--snk-white);color:color-mix(in srgb,var(--snk-ink) 80%,var(--snk-white));font:500 13px/1 var(--snk-font-body);white-space:nowrap;text-decoration:none}a.snk-card__size:hover{border-color:var(--snk-ink);background:var(--snk-ink);color:var(--snk-lime)}a.snk-card__size:focus-visible,.snk-card__size-more:focus-visible{outline:2px solid var(--snk-ink);outline-offset:-2px}.snk-card__size.is-sold-out{background:var(--snk-soft);color:var(--snk-mid);font-weight:500}.snk-card__size.is-sold-out s{text-decoration-thickness:1px}.snk-card__size-more{flex:none;color:var(--snk-mid);cursor:pointer}.snk-card__size-more:hover{color:var(--snk-ink)}.snk-card__size-more[hidden]{display:none}.snk-card__sizes.is-open .snk-card__sizes-list{position:absolute;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;height:auto;padding:6px;border:1px solid var(--snk-line);background:var(--snk-white);box-shadow:0 6px 18px #0000000f;overflow:visible}.snk-card__sizes.is-open .snk-card__sizes-list{animation:snk-sizes-open .26s cubic-bezier(.2,.7,.2,1) both}.snk-card__sizes.is-open .snk-card__size-item{opacity:1;transform:none;animation:snk-size-in .24s cubic-bezier(.2,.7,.2,1) both}.snk-card__sizes.is-open .snk-card__size-item:nth-child(1){animation-delay:40ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(2){animation-delay:58ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(3){animation-delay:76ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(4){animation-delay:94ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(5){animation-delay:112ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(6){animation-delay:.13s}.snk-card__sizes.is-open .snk-card__size-item:nth-child(7){animation-delay:148ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(8){animation-delay:166ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(9){animation-delay:184ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(10){animation-delay:202ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(11){animation-delay:.22s}.snk-card__sizes.is-open .snk-card__size-item:nth-child(12){animation-delay:238ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(13){animation-delay:256ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(14){animation-delay:274ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(15){animation-delay:292ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(16){animation-delay:.31s}.snk-card__sizes.is-open .snk-card__size-item:nth-child(17){animation-delay:328ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(18){animation-delay:346ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(19){animation-delay:364ms}.snk-card__sizes.is-open .snk-card__size-item:nth-child(20){animation-delay:382ms}.snk-card__sizes.is-open.is-closing .snk-card__sizes-list{animation:snk-sizes-close .2s cubic-bezier(.4,0,.6,1) both}.snk-card__sizes.is-open.is-closing .snk-card__size-item{animation:snk-size-out .14s ease-in both;animation-delay:0s}@keyframes snk-sizes-close{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(calc(100% - 36px) 0 0 0)}}@keyframes snk-size-out{to{opacity:0;transform:translateY(6px)}}@keyframes snk-sizes-open{0%{clip-path:inset(calc(100% - 36px) 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes snk-size-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.snk-card__sizes.is-open .snk-card__sizes-list{animation:none}.snk-card__sizes.is-open .snk-card__size-item{animation:snk-size-fade .15s ease both;animation-delay:0s}@keyframes snk-size-fade{0%{opacity:0}}}.snk-card__sizes.is-open .snk-card__size{width:100%;min-width:0;height:34px;padding:0 2px;border:1px solid var(--snk-line);border-radius:0;font-size:12.5px;white-space:nowrap}.snk-card__sizes.is-open a.snk-card__size:hover{border-color:var(--snk-ink);background:var(--snk-ink);color:var(--snk-lime)}.snk-card__sizes.is-open .snk-card__size.is-sold-out{background:var(--snk-soft)}.snk-card__size-last{display:none}.snk-card--quick .snk-card__add.is-added,.snk-card--quick .snk-card__add.is-added:hover{background:var(--snk-ink);color:var(--snk-lime)}.snk-card--quick .snk-qa{position:absolute;right:10px;bottom:50px;z-index:5;display:none;grid-template-rows:none;width:min(240px,calc(100% - 20px));padding:10px 10px 2px;border:1px solid var(--snk-line);border-radius:var(--snk-radius-sm);background:var(--snk-white);box-shadow:0 10px 28px -8px #00000038;transition:none}.snk-card--quick.is-open .snk-qa{display:block;animation:snk-qa-pop .2s cubic-bezier(.2,.8,.2,1)}@keyframes snk-qa-pop{0%{opacity:0;transform:translateY(6px)}}.snk-card--quick .snk-qa:after{content:"";position:absolute;right:12px;bottom:-6px;width:10px;height:10px;border-right:1px solid var(--snk-line);border-bottom:1px solid var(--snk-line);background:var(--snk-white);transform:rotate(45deg)}.snk-card--quick .snk-qa__inner{overflow:visible}.snk-card--quick .snk-qa__head{padding:0 0 8px}.snk-card--quick .snk-qa__foot{padding:8px 0}}.snk-card__rating{flex-wrap:nowrap;gap:4px;max-width:100%;margin:0 0 6px;overflow:hidden;font-size:11px;white-space:nowrap}.snk-card__rating>*{flex:none}.snk-card__rating .snk-rating__star{width:12px;height:12px}.snk-card__media .snk-card__add,.snk-card--quick .snk-card__media .snk-card__add{right:10px;bottom:10px;justify-content:center;gap:0;width:36px;height:36px;padding:0;border:0;border-radius:0;background:var(--snk-white);color:var(--snk-ink);clip-path:none;box-shadow:0 1px 3px #00000014}.snk-card__media .snk-card__add:before,.snk-card--quick .snk-card__media .snk-card__add:before{top:-4px;right:-4px;bottom:-4px;left:-4px}.snk-card__media .snk-card__add:hover,.snk-card--quick .snk-card__media .snk-card__add:hover{background:var(--snk-white);color:var(--snk-ink);transform:none}.snk-card__media .snk-card__add-label,.snk-card--quick .snk-card__media .snk-card__add-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.snk-card__media .snk-card__add-icon,.snk-card__media .snk-card__add-icon .snk-icon,.snk-card--quick .snk-card__media .snk-card__add-icon,.snk-card--quick .snk-card__media .snk-card__add-icon .snk-icon{width:18px;height:18px}.snk-card__media .snk-card__add[aria-expanded=true]{background:var(--snk-ink);color:var(--snk-white)}.snk-card__media .snk-card__add[aria-expanded=true] .snk-card__add-plus{transform:none}.snk-card__media .snk-card__add.is-added,.snk-card__media .snk-card__add.is-added:hover,.snk-card--quick .snk-card__media .snk-card__add.is-added,.snk-card--quick .snk-card__media .snk-card__add.is-added:hover{background:var(--snk-ink);color:var(--snk-lime)}.snk-card__media .snk-card__add:focus-visible{outline:2px solid var(--snk-ink);outline-offset:2px}.snk-card .snk-card__sizes,.snk-card .snk-card__sizes.is-open{display:none}.snk-card__period{top:10px;left:10px;padding:3px 6px;background:var(--snk-ink);color:var(--snk-white);font:600 9.5px/13px var(--snk-font-body);letter-spacing:.05em}@media screen and (min-width:750px){.snk-card__period{font-size:10px}}.snk-card__period--red{background:var(--snk-red);color:var(--snk-white)}.snk-card__tab-badge{position:absolute;top:10px;right:10px;z-index:2;max-width:calc(50% - 14px);padding:3px 6px;overflow:hidden;border:0;background:var(--snk-lime);color:var(--snk-ink);font:600 9.5px/13px var(--snk-font-body);letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.snk-card:has(.snk-card__tab-badge) .snk-card__period{max-width:calc(50% - 14px)}@media screen and (min-width:750px){.snk-card__tab-badge{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/snk-card.css.map */