.asp{--asp-fg: rgb(var(--color-foreground, 17, 17, 17));--asp-bg: rgb(var(--color-background, 255, 255, 255));--asp-page: #f3f3f3;--asp-page-a: rgba(243, 243, 243, .9);--asp-mute: rgba(var(--color-foreground, 17, 17, 17), .62);--asp-line: rgba(var(--color-foreground, 17, 17, 17), .13);--asp-line2: rgba(var(--color-foreground, 17, 17, 17), .16);--asp-soft: rgba(var(--color-foreground, 17, 17, 17), .045);--asp-r: 14px;--asp-rl: 20px;--asp-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 6px 18px rgba(0, 0, 0, .07);--asp-shadow-hi: 0 2px 4px rgba(0, 0, 0, .06), 0 12px 28px rgba(0, 0, 0, .1);--asp-ease: cubic-bezier(.2, .8, .2, 1);--asp-head: var(--font-heading-family, inherit);--asp-body: var(--font-body-family, inherit);position:relative;min-height:100vh;min-height:100svh;background:var(--asp-page);color:var(--asp-fg);font-family:var(--asp-body);font-size:15px;line-height:1.45;letter-spacing:0;-webkit-font-smoothing:antialiased}.asp *,.asp *:before,.asp *:after{box-sizing:border-box}body:has(.asp){background:#f3f3f3}.asp :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;letter-spacing:inherit;text-align:inherit;-webkit-tap-highlight-color:transparent}.asp :where(a){color:inherit}.asp :where(img){display:block;max-width:100%}.asp :focus-visible{outline:2px solid var(--asp-fg);outline-offset:3px}.asp [hidden]{display:none!important}.asp-bar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;height:60px;padding:0 12px;background:var(--asp-page-a);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--asp-line)}.asp-bar__btn{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;text-decoration:none;transition:background .2s}.asp-bar__btn:hover{background:var(--asp-soft)}.asp-bar__brand{grid-column:1 / 3;grid-row:1;justify-self:start;padding-left:6px;font-family:var(--asp-head);font-weight:700;font-size:17px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.asp[data-view]:not([data-view=door]) .asp-bar__brand{display:none}.asp-bar__end{display:flex;align-items:center;gap:2px;grid-column:3}.asp-bar__cart{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:999px}.asp-bar__count{position:absolute;top:5px;right:3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--asp-fg);color:var(--asp-bg);font-size:11px;font-weight:700;line-height:18px;text-align:center}.asp-bar__count.is-bump{animation:asp-bump .45s var(--asp-ease)}.asp-steps{grid-column:2;grid-row:1;list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:6px;min-width:0}.asp-steps__i>*{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;font-size:13px;line-height:1.1;white-space:nowrap}.asp-steps__n{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:999px;border:1px solid var(--asp-line2);font-size:11px;font-weight:700}.asp-steps__l{display:flex;flex-direction:column}.asp-steps__l small{font-size:11px;color:var(--asp-mute);max-width:120px;overflow:hidden;text-overflow:ellipsis}.asp-steps__i.is-now .asp-steps__n{background:var(--asp-fg);color:var(--asp-bg);border-color:var(--asp-fg)}.asp-steps__i.is-now .asp-steps__l{font-weight:700}.asp-steps__i.is-done .asp-steps__n{background:var(--asp-soft);border-color:transparent}.asp-steps__i.is-done button:hover{background:var(--asp-soft)}.asp-steps__i.is-todo{color:var(--asp-mute)}@media(max-width:749px){.asp-steps{gap:2px}.asp-steps__i>*{padding:4px}.asp-steps__i:not(.is-now) .asp-steps__l{display:none}.asp-steps__l small{display:none}}.asp-stage{max-width:1040px;margin:0 auto;padding:24px 16px 40px}@media(min-width:750px){.asp-stage{padding:40px 32px 60px}}.asp-head{margin:0 0 22px}.asp-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.asp-h{margin:0;font-family:var(--asp-head);font-weight:700;font-size:clamp(26px,3.6vw,38px);line-height:1.04;letter-spacing:-.02em}.asp-h:focus{outline:none}.asp-sub{margin:8px 0 0;color:var(--asp-mute);font-size:14px;max-width:46ch}.asp-link{display:inline-flex;align-items:center;gap:6px;padding:10px 2px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.asp-link:hover{text-decoration-thickness:2px}.asp-switch{margin:-10px 0 14px;color:var(--asp-mute);font-weight:500;font-size:13px}.asp-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin:-8px 0 16px}.asp-tools .asp-switch{margin:0}.asp-shuffle{margin-left:auto;display:inline-flex;align-items:center;gap:10px;padding:4px 2px 4px 4px;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap}.asp-shuffle__ic{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:var(--asp-fg);color:var(--asp-bg);transform:rotate(var(--rot, 0deg));transition:transform .45s var(--asp-ease),background .2s}.asp-shuffle__ic svg{width:20px;height:20px}@media(hover:hover){.asp-shuffle:hover .asp-shuffle__ic{transform:rotate(calc(var(--rot, 0deg) - 120deg))}}.asp-shuffle.is-busy .asp-shuffle__ic{transition-duration:.75s,.2s}@media(max-width:749px){.asp-shuffle{font-size:13px;gap:8px}.asp-shuffle__ic{width:34px;height:34px}.asp-shuffle__ic svg{width:18px;height:18px}}.asp-more{display:flex;justify-content:center;margin:18px 0 0}.asp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--asp-fg);color:var(--asp-bg)!important;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s var(--asp-ease),opacity .2s,background .2s}.asp-btn:hover:not(:disabled){transform:translateY(-1px)}.asp-btn:active:not(:disabled){transform:scale(.98)}.asp-btn:disabled{opacity:.32;cursor:default}.asp-btn--ghost{background:transparent;color:var(--asp-fg)!important;box-shadow:inset 0 0 0 1px var(--asp-line2)}.asp-btn--ghost:disabled{opacity:.6}.asp-door .asp-head{margin-bottom:26px}.asp-door .asp-h{font-size:clamp(34px,5.6vw,60px);letter-spacing:-.03em}.asp-doors{display:grid;gap:12px}@media(min-width:750px){.asp-doors{grid-template-columns:repeat(3,1fr);gap:16px}}.asp-dcard{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:14px;min-height:188px;padding:18px;border-radius:var(--asp-rl);background:var(--asp-bg);box-shadow:inset 0 0 0 1px var(--asp-line);transition:transform .35s var(--asp-ease),box-shadow .35s var(--asp-ease)}.asp-dcard:hover{transform:translateY(-3px)}.asp-dcard:active{transform:scale(.985)}@media(min-width:750px){.asp-dcard{min-height:360px;padding:20px;grid-template-rows:1fr auto}}.asp-dcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.9;transition:opacity .4s}.asp-dcard--taste{background:#0f0f0f;color:#fff;box-shadow:none}.asp-dcard--taste:before{background:radial-gradient(60% 50% at 18% 12%,rgba(255,255,255,.2),transparent 70%),radial-gradient(50% 60% at 92% 88%,rgba(255,255,255,.12),transparent 70%),radial-gradient(40% 40% at 60% 40%,rgba(255,255,255,.06),transparent 70%)}.asp-dcard--place:before{background:radial-gradient(55% 45% at 85% 12%,rgba(var(--color-foreground,17,17,17),.08),transparent 70%),radial-gradient(60% 55% at 10% 95%,rgba(var(--color-foreground,17,17,17),.07),transparent 70%)}.asp-dcard--reason{background:var(--asp-bg);box-shadow:inset 0 0 0 1px var(--asp-line2)}.asp-dcard--reason:before{background:radial-gradient(60% 50% at 12% 10%,rgba(var(--color-foreground,17,17,17),.06),transparent 70%),radial-gradient(45% 50% at 95% 70%,rgba(var(--color-foreground,17,17,17),.05),transparent 70%)}.asp-dcard__vis{grid-column:1 / -1;position:relative;min-height:84px;display:flex;align-items:center;justify-content:center}@media(max-width:749px){.asp-dcard{grid-template-columns:96px 1fr auto;grid-template-rows:auto;align-items:center;min-height:0;padding:14px}.asp-dcard__vis{grid-column:1;min-height:110px}.asp-dcard .asp-dcard__txt,.asp-dcard .asp-dcard__go{align-self:center}}.asp-dcard__txt{display:flex;flex-direction:column;gap:6px;align-self:end}.asp-dcard__n{font-size:12px;font-weight:700;letter-spacing:.12em;opacity:.55}.asp-dcard__t{font-family:var(--asp-head);font-weight:700;font-size:clamp(19px,2vw,24px);line-height:1.08;letter-spacing:-.015em;max-width:9em}.asp-dcard__l{display:inline-block}.asp-dcard__s{font-size:14px;opacity:.72;max-width:30ch}.asp-dcard__go{align-self:end;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;background:var(--asp-fg);color:var(--asp-bg);font-size:18px;transition:transform .35s var(--asp-ease)}.asp-dcard--taste .asp-dcard__go{background:#fff;color:#0f0f0f}.asp-dcard:hover .asp-dcard__go{transform:translate(4px)}.asp-thumbs{height:100%}.asp-thumbs img,.asp-thumbs__ph{position:absolute;width:38%;max-width:150px;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:10px;background:#ffffff1f;box-shadow:0 10px 30px #00000059;transition:transform .5s var(--asp-ease)}.asp-thumbs>:nth-child(1){transform:translate(-62%) rotate(-9deg)}.asp-thumbs>:nth-child(2){transform:translateY(-4%);z-index:1}.asp-thumbs>:nth-child(3){transform:translate(62%) rotate(9deg)}.asp-dcard:hover .asp-thumbs>:nth-child(1){transform:translate(-78%) rotate(-13deg)}.asp-dcard:hover .asp-thumbs>:nth-child(3){transform:translate(78%) rotate(13deg)}@media(max-width:749px){.asp-thumbs img,.asp-thumbs__ph{width:50px;max-width:none;border-radius:7px}.asp-thumbs>:nth-child(1){transform:translate(-42%) rotate(-10deg)}.asp-thumbs>:nth-child(2){transform:translateY(-3%)}.asp-thumbs>:nth-child(3){transform:translate(42%) rotate(10deg)}.asp-dcard:hover .asp-thumbs>:nth-child(1){transform:translate(-42%) rotate(-10deg)}.asp-dcard:hover .asp-thumbs>:nth-child(3){transform:translate(42%) rotate(10deg)}}.asp-dcard__fig .asp-fig{height:100%;max-height:240px;width:auto}@media(max-width:749px){.asp-dcard__fig .asp-fig{height:104px}}.asp-dcard__chips{flex-direction:column;gap:8px;align-items:flex-start}.asp-dcard__chips span{padding:8px 14px;border-radius:999px;background:var(--asp-bg);box-shadow:inset 0 0 0 1px var(--asp-line2);font-size:14px;font-weight:600;white-space:nowrap;transition:transform .4s var(--asp-ease)}.asp-dcard__chips span:nth-child(2){margin-left:18%}.asp-dcard__chips span:nth-child(3){margin-left:6%}.asp-dcard:hover .asp-dcard__chips span:nth-child(odd){transform:translate(8px)}@media(max-width:749px){.asp-dcard__chips{gap:5px;align-items:center;overflow:hidden}.asp-dcard__chips span{max-width:100%;padding:4px 8px;border-radius:10px;font-size:10px;line-height:1.2;white-space:normal;text-align:center}.asp-dcard__chips span:nth-child(n){margin-left:0}}.asp-fig{display:block;overflow:visible}.asp-fig__b{fill:var(--asp-fg);stroke:var(--asp-fg);stroke-linecap:round;stroke-linejoin:round;opacity:.14}.asp-fig__b circle,.asp-fig__b rect{stroke:none}.asp-fig__b polyline{fill:none}.asp-fig__z{fill:var(--asp-fg);stroke:var(--asp-fg);stroke-linecap:round}.asp-fig__z rect{stroke:none}.asp-fig__z .sp{stroke:var(--asp-bg);stroke-dasharray:2 2}.asp-fig__z{animation:asp-pulse 2.4s ease-in-out infinite}.asp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}@media(min-width:750px){.asp-grid{grid-template-columns:repeat(4,1fr);gap:22px 18px}}.asp-card{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;animation:asp-in .5s var(--asp-ease) both;animation-delay:calc(var(--i, 0) * 30ms)}.asp-card__img{position:relative;display:block;aspect-ratio:1 / 1;border-radius:var(--asp-r);overflow:hidden;background:var(--asp-bg);transition:transform .3s var(--asp-ease),box-shadow .3s var(--asp-ease)}.asp-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--asp-ease),filter .3s}.asp-card:hover .asp-card__img img{transform:scale(1.04)}.asp-card__t{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;color:var(--asp-mute);padding:0 2px;min-width:0}.asp-card__t>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asp-card__t b{flex:none;color:var(--asp-fg);font-size:12px;font-weight:800;letter-spacing:.01em;white-space:nowrap}.asp-card__heart{position:absolute;top:8px;right:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:#ffffffeb;color:#111;box-shadow:0 2px 10px #0000001f;transition:transform .25s var(--asp-ease),background .25s}.asp-card__heart svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.asp-card.is-on .asp-card__img{transform:scale(.955);box-shadow:0 0 0 2px var(--asp-page),0 0 0 4px var(--asp-fg)}.asp-card.is-on .asp-card__heart{background:#111;color:#fff}.asp-card.is-on .asp-card__heart svg{fill:currentColor}.asp-card.is-on .asp-card__t{color:var(--asp-fg);font-weight:600}.asp-card.is-pop .asp-card__heart{animation:asp-heart .5s var(--asp-ease)}.asp-card.is-still{animation:none}.asp-card.is-zout{animation:asp-zout .2s cubic-bezier(.4,0,1,1) both;animation-delay:calc(var(--z, 0) * 15ms);pointer-events:none}.asp-card.is-zin{animation:asp-zin .44s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--z, 0) * 28ms)}@keyframes asp-zout{to{opacity:0;transform:scale(.84)}}@keyframes asp-zin{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:none}}@media(max-width:749px){.asp-card__heart{top:8px;right:8px;width:30px;height:30px}.asp-card__heart svg{width:16px;height:16px}.asp-card__t,.asp-card__t b{font-size:12px}}.asp-new{position:absolute;top:8px;left:8px;z-index:1;padding:4px 8px;border-radius:999px;background:var(--asp-bg);color:var(--asp-fg);box-shadow:0 1px 6px #0000001f;font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase;pointer-events:none}.asp-topc__img .asp-new{left:auto;right:12px;top:12px}@media(max-width:749px){.asp-new{top:6px;left:6px;padding:3px 6px;font-size:9px}}.asp-card--sk .asp-card__img,.asp-sk{background:linear-gradient(100deg,var(--asp-bg) 30%,rgba(255,255,255,.55) 50%,var(--asp-bg) 70%);background-size:300% 100%;animation:asp-shimmer 1.2s linear infinite}.asp-actbar{position:sticky;bottom:0;z-index:10;margin:18px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--asp-page-a);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--asp-line)}@media(min-width:750px){.asp-actbar{margin:24px 0 0;padding:14px 0;border-top:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}.asp-actbar__in{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1160px;margin:0 auto}.asp-actbar.is-pop .asp-actbar__in{animation:asp-in .35s var(--asp-ease) both}@media(min-width:750px){.asp-actbar__in{justify-content:center;gap:22px;padding:10px 10px 10px 22px;width:fit-content;border-radius:999px;background:var(--asp-bg);box-shadow:0 10px 40px #0000001f,inset 0 0 0 1px var(--asp-line)}}.asp-actbar .asp-btn{flex:1;max-width:320px}@media(min-width:750px){.asp-actbar .asp-btn{flex:none;min-width:260px}}.asp-pips{display:flex;align-items:center;gap:6px;flex:none}.asp-pips i{width:9px;height:9px;border-radius:999px;background:var(--asp-line2);transition:background .25s,transform .25s var(--asp-ease)}.asp-pips i.on{background:var(--asp-fg);transform:scale(1.15)}.asp-pips b{font-size:12px;margin-left:2px}.asp-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:750px){.asp-tiles--place{grid-template-columns:repeat(4,1fr);gap:16px}.asp-tiles--reason{grid-template-columns:repeat(3,1fr);gap:16px}}.asp-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px 14px;border-radius:var(--asp-rl);background:var(--asp-bg);box-shadow:inset 0 0 0 1px transparent;transition:transform .25s var(--asp-ease),box-shadow .25s,background .25s}.asp-tile:active{transform:scale(.97)}.asp-tile.is-on{background:var(--asp-bg);box-shadow:inset 0 0 0 2px var(--asp-fg)}.asp-tile__fig .asp-fig{height:132px;width:auto}@media(min-width:750px){.asp-tile__fig .asp-fig{height:150px}.asp-tile{padding:18px 14px 16px}}.asp-tile__t{font-weight:700;font-size:15px;text-align:center}.asp-tile--r{align-items:flex-start;justify-content:flex-start;min-height:136px;padding:16px 16px 18px;gap:6px;overflow:hidden;isolation:isolate}@media(min-width:750px){.asp-tile--r{min-height:150px;padding:20px}}@media(min-width:750px){.asp-tiles--reason{grid-template-columns:repeat(6,1fr)}.asp-tiles--reason>.asp-tile{grid-column:span 2}.asp-tiles--reason>.asp-tile:nth-child(4):nth-last-child(2),.asp-tiles--reason>.asp-tile:nth-child(5):last-child{grid-column:span 3}}@media(max-width:749px){.asp-tiles--reason>.asp-tile:last-child:nth-child(odd){grid-column:1 / -1;min-height:110px}}.asp-tile--r .asp-tile__t{text-align:left;font-family:var(--asp-head);font-size:clamp(17px,2vw,22px);line-height:1.12;letter-spacing:-.01em}.asp-tile--r .asp-tile__t,.asp-tile--r .asp-tile__s{position:relative;z-index:1}.asp-tile__ic{position:absolute;z-index:0;right:-4%;bottom:-7%;width:46%;aspect-ratio:1 / 1;color:var(--asp-fg);opacity:.08;pointer-events:none;transform-origin:100% 100%;transition:opacity .4s var(--asp-ease),transform .7s var(--asp-ease)}.asp-tile__ic svg{display:block;width:100%;height:100%;overflow:visible}.asp-tile__ic svg *{vector-effect:non-scaling-stroke;stroke-width:3px}.asp-tile--r:hover .asp-tile__ic{opacity:.12;transform:scale(1.05)}.asp-tile.is-on .asp-tile__ic{opacity:.18;transform:scale(1.05)}@media(min-width:750px){.asp-tile__ic{width:min(44%,140px);right:-2%;bottom:-9%}.asp-tile__ic svg *{stroke-width:3.4px}}.asp-tile__s{font-size:13px;color:var(--asp-mute)}.asp-tile.is-on:after{content:"\2713";position:absolute;top:10px;right:10px;width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--asp-fg);color:var(--asp-bg);font-size:13px;font-weight:700;animation:asp-heart .4s var(--asp-ease)}.asp-echo{display:flex;flex-wrap:wrap;gap:6px;margin:-6px 0 24px}.asp-echo button{padding:6px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--asp-line2);font-size:13px;font-weight:600}.asp-echo button:after{content:" \270e";opacity:.45;font-weight:400}.asp-echo button:hover{background:var(--asp-soft)}.asp-note{margin:-6px 0 18px;padding:10px 14px;border-radius:var(--asp-r);background:var(--asp-bg);font-size:13px;color:var(--asp-mute)}.asp-sec{margin:0 0 14px;font-family:var(--asp-body);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--asp-mute)}.asp-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}@media(max-width:749px){.asp-top{display:flex;gap:14px;margin:0 -16px;padding:4px 16px 14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.asp-top::-webkit-scrollbar{display:none}.asp-top .asp-topc{flex:0 0 72%;scroll-snap-align:start}}.asp-topc{--d: calc(var(--i, 0) * .12s);display:flex;flex-direction:column;gap:14px;min-width:0}.asp-topc__img{position:relative;display:block;aspect-ratio:1 / 1;border-radius:var(--asp-rl);overflow:hidden;background:var(--asp-bg);box-shadow:var(--asp-shadow);transition:box-shadow .4s var(--asp-ease),transform .4s var(--asp-ease)}.asp-topc__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--asp-ease)}.asp-topc__img:hover{box-shadow:var(--asp-shadow-hi);transform:translateY(-2px)}.asp-topc__img:hover img{transform:scale(1.03)}.asp-topc__rank{position:absolute;top:12px;left:12px;z-index:1;min-width:28px;height:28px;padding:0 10px;display:grid;place-items:center;border-radius:999px;background:var(--asp-fg);color:var(--asp-bg);font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.asp-topc__b{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.asp-topc__t{margin:0;font-family:var(--asp-head);font-weight:700;font-size:clamp(18px,1.7vw,21px);line-height:1.12;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asp-topc__t a{text-decoration:none}.asp-topc .asp-why{gap:4px}.asp-topc .asp-why li{font-size:13px}.asp-topc__row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:6px}.asp-topc__row .asp-btn{min-height:42px;padding:0 18px;font-size:13px}.asp-why{list-style:none;margin:0;padding:0;display:grid;gap:6px}.asp-why li{font-size:14px;color:var(--asp-mute)}.asp-price{font-size:17px;font-weight:700}.asp-size{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 10px 4px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground, 17, 17, 17),.32);color:rgba(var(--color-foreground, 17, 17, 17),.72);font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.01em;white-space:nowrap}.asp-size svg{width:14px;height:14px;flex:none}.asp-size--sm{padding:3px 8px 3px 6px;font-size:11px}.asp-size--sm svg{width:12px;height:12px}.asp-price s{font-weight:400;color:var(--asp-mute);font-size:.85em;margin-left:4px}.asp-morehead{margin:56px 0 20px}.asp-h2{margin:0;font-family:var(--asp-head);font-weight:700;font-size:clamp(21px,2.2vw,26px);line-height:1.08;letter-spacing:-.015em}.asp-morehead .asp-sub{margin-top:6px;font-size:14px}.asp-add.asp-btn.is-done{background:transparent;color:var(--asp-fg)!important;box-shadow:inset 0 0 0 1px var(--asp-fg)}.asp-add.is-busy{opacity:.6;pointer-events:none}.asp-alts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}@media(min-width:750px){.asp-alts{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}}.asp-alt{display:flex;flex-direction:column;gap:10px;min-width:0}.asp-alt__img{position:relative;display:block;aspect-ratio:1 / 1;border-radius:var(--asp-r);overflow:hidden;background:var(--asp-bg);box-shadow:var(--asp-shadow);transition:box-shadow .4s var(--asp-ease),transform .4s var(--asp-ease)}.asp-alt__img:hover{box-shadow:var(--asp-shadow-hi);transform:translateY(-2px)}.asp-alt__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--asp-ease)}.asp-alt__img:hover img{transform:scale(1.04)}.asp-alt__b{flex:1;min-height:152px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.asp-alt__row{align-self:stretch}.asp-alt__t{font-weight:700;font-size:14px;line-height:1.25;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asp-alt__why{margin:0;font-size:12px;line-height:1.35;color:var(--asp-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asp-alt__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}.asp-alt__row .asp-price{font-size:15px}.asp-add:not(.asp-btn){flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:var(--asp-fg);color:var(--asp-bg);font-size:20px;font-weight:400;line-height:1;transition:transform .2s var(--asp-ease),background .2s}.asp-add:not(.asp-btn):hover{transform:scale(1.08)}.asp-add:not(.asp-btn).is-done{background:var(--asp-soft);color:var(--asp-fg);font-size:15px}.asp-bundle{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:26px 0 0;padding:14px 15px 15px;border-radius:12px;background:var(--asp-bg);box-shadow:inset 0 0 0 1px var(--asp-line)}@media(min-width:750px){.asp-bundle{flex-direction:row;align-items:center;gap:28px;padding:15px 17px 14px;border-radius:14px}.asp-bundle .asp-btn{flex:none}}.asp-ship{flex:1;min-width:0;color:var(--asp-fg)}.asp-ship__head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.asp-ship__head svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.asp-ship__t{font-size:14px;font-weight:700;line-height:1.3}.asp-ship__bar{display:block;height:7px;border-radius:10px;background:rgba(var(--color-foreground, 17, 17, 17),.12);overflow:hidden}.asp-ship__bar i{display:block;height:100%;border-radius:10px;background:var(--asp-fg);transition:width .4s}.asp-ship__st{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:12.5px;line-height:1.35;opacity:.75}.asp-ship__st span:last-child{font-weight:600;white-space:nowrap}.asp-ship.is-ok .asp-ship__bar i{background:#1f7a3a}.asp-ship.is-ok .asp-ship__st{color:#1f7a3a;opacity:1}.asp-refine{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:44px 0 0;padding-top:24px;border-top:1px solid var(--asp-line)}.asp-refine>span{font-weight:700;margin-right:4px}.asp-refine button,.asp-refine a{padding:9px 15px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--asp-line2);font-size:13px;font-weight:600;text-decoration:none;transition:background .2s}.asp-refine button:hover,.asp-refine a:hover{background:var(--asp-soft)}.asp-picks{margin:40px 0 0}.asp-picks h3{margin:0 0 12px;font-family:var(--asp-body);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--asp-mute)}.asp-picks__row{display:flex;gap:16px;overflow-x:auto;padding:4px 4px 10px;margin:0 -4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.asp-pick{flex:0 0 124px;width:124px;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px}.asp-pick>a{display:flex;flex-direction:column;gap:6px;text-decoration:none;font-size:12px;font-weight:600}.asp-pick img{aspect-ratio:1 / 1;width:100%;height:auto;object-fit:cover;border-radius:12px;background:var(--asp-bg);box-shadow:var(--asp-shadow)}.asp-pick span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asp-pick .asp-price{font-size:13px}.asp-pick .asp-add:not(.asp-btn){width:30px;height:30px;font-size:16px}.asp-err .asp-btn{margin-right:12px}.asp-boot{display:grid;place-items:center;min-height:50vh}.asp-spin{width:28px;height:28px;border-radius:999px;border:2px solid var(--asp-line2);border-top-color:var(--asp-fg);animation:asp-spin .8s linear infinite}.asp-noscript{text-align:center}.asp-toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 14px 12px 18px;border-radius:999px;background:#111;color:#fff;font-size:14px;font-weight:600;box-shadow:0 12px 40px #00000040;transform:translate(-50%,140%);opacity:0;transition:transform .35s var(--asp-ease),opacity .25s}.asp-toast.is-in{transform:translate(-50%);opacity:1}.asp-toast a{padding:6px 12px;border-radius:999px;background:#fff;color:#111!important;text-decoration:none;white-space:nowrap}.asp[data-view=taste] .asp-toast{bottom:calc(92px + env(safe-area-inset-bottom))}@keyframes asp-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes asp-heart{0%{transform:scale(1)}35%{transform:scale(1.35)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes asp-bump{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes asp-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes asp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes asp-spin{to{transform:rotate(360deg)}}.asp-stage>section{animation:asp-in .45s var(--asp-ease) both}.asp-stage>.asp-res{animation:asp-fade .4s ease-out both}@keyframes asp-fade{0%{opacity:0}to{opacity:1}}.asp{--asp-out: cubic-bezier(.16, 1, .3, 1)}@keyframes asp-rise{0%{opacity:0;transform:translate3d(0,28px,0) scale(.965);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes asp-settle{0%{transform:scale(1.14)}to{transform:none}}@keyframes asp-lift{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}.asp-topc__img:not(.asp-sk),.asp-alt__img{animation:asp-rise .95s var(--asp-out) backwards;animation-delay:var(--d, 0ms)}.asp-topc__img img,.asp-alt__img img{animation:asp-settle 1.5s var(--asp-out) backwards;animation-delay:var(--d, 0ms)}.asp-topc__b,.asp-alt__b{animation:asp-lift .85s var(--asp-out) backwards;animation-delay:calc(var(--d, 0ms) + .14s)}.asp-res.is-wait .asp-topc :is(.asp-topc__img,.asp-topc__img img,.asp-topc__b),.asp-alt.is-pending :is(.asp-alt__img,.asp-alt__img img,.asp-alt__b){animation-play-state:paused}@media(max-width:749px){.asp-card__img,.asp-topc__img,.asp-alt__img{background:#fff}.asp-card__img{box-shadow:var(--asp-shadow)}.asp-card__img img,.asp-topc__img img,.asp-alt__img img,.asp-pick img{object-fit:contain;background:#fff}.asp-door .asp-h{font-size:clamp(28px,8vw,34px)}}@media(hover:none){.asp-card:hover .asp-card__img img,.asp-topc__img:hover img,.asp-alt__img:hover img{transform:none}.asp-topc__img:hover,.asp-alt__img:hover{transform:none;box-shadow:var(--asp-shadow)}}@media(prefers-reduced-motion:reduce){.asp *,.asp *:before,.asp *:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-play-state:running!important;transition-duration:.01ms!important}}.asp-place--body .asp-body{margin:8px auto 0}@media(min-width:750px){.asp-place--body{display:grid;gap:0 48px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,500px);grid-template-rows:auto 1fr;grid-template-areas:"side body" "bar body"}.asp-place__side{grid-area:side;padding-top:40px}.asp-place--body .asp-body{grid-area:body;margin:0}.asp-place--body>.asp-actbar{grid-area:bar;align-self:start;margin:8px 0 0;padding:0}.asp-place--body>.asp-actbar .asp-actbar__in{margin:0}}.asp-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:500px;justify-self:center}.asp-body__stage{position:relative;width:100%;aspect-ratio:420 / 460}.asp-man{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;-webkit-user-select:none;user-select:none}.asp-man image{image-rendering:auto}.asp-z{opacity:0;cursor:pointer;transition:opacity .22s}.asp-z__hit{fill:transparent}.asp-z[data-v=back]{display:none}.asp-body.is-back .asp-z[data-v=back]{display:inline}.asp-body.is-back .asp-z[data-v=torso]{display:none}@media(hover:hover){.asp-z:hover{opacity:.32}.asp-body:has(.asp-lbl[data-v=neck]:hover) .asp-z[data-v=neck]:not(.is-on),.asp-body:has(.asp-lbl[data-v=torso]:hover) .asp-z[data-v=torso]:not(.is-on),.asp-body:has(.asp-lbl[data-v=back]:hover) .asp-z[data-v=back]:not(.is-on),.asp-body:has(.asp-lbl[data-v=arm]:hover) .asp-z[data-v=arm]:not(.is-on),.asp-body:has(.asp-lbl[data-v=wrist]:hover) .asp-z[data-v=wrist]:not(.is-on),.asp-body:has(.asp-lbl[data-v=leg]:hover) .asp-z[data-v=leg]:not(.is-on),.asp-body:has(.asp-lbl[data-v=ankle]:hover) .asp-z[data-v=ankle]:not(.is-on){opacity:.32}}.asp-z.is-on{opacity:1}@media(hover:hover){.asp-z.is-on:hover{opacity:.88}}.asp-man__all{opacity:0;transition:opacity .22s;pointer-events:none}.asp-body.is-any .asp-man__all{opacity:1}.asp-man__seams{fill:none;stroke:var(--asp-page);stroke-width:1.1;stroke-linecap:round;pointer-events:none}.asp-man__seams path{opacity:0;transition:opacity .22s}.asp-man__seams--b,.asp-body.is-back .asp-man__seams--f{display:none}.asp-body.is-back .asp-man__seams--b{display:inline}.asp-body:has(.asp-z.is-on[data-v=neck]) [data-z~=neck],.asp-body:has(.asp-z.is-on[data-v=torso]) [data-z~=torso],.asp-body:has(.asp-z.is-on[data-v=back]) [data-z~=back],.asp-body:has(.asp-z.is-on[data-v=arm]) [data-z~=arm],.asp-body:has(.asp-z.is-on[data-v=wrist]) [data-z~=wrist],.asp-body:has(.asp-z.is-on[data-v=leg]) [data-z~=leg],.asp-body:has(.asp-z.is-on[data-v=ankle]) [data-z~=ankle]{opacity:.8}.asp-man__gnd{pointer-events:none}.asp-man__lines line{stroke:var(--asp-line2);stroke-width:1}.asp-man__dots circle{fill:var(--asp-bg);stroke:var(--asp-fg);stroke-width:1.2;pointer-events:none}.asp-body:not(.is-back) .asp-man__lines [data-v=back],.asp-body.is-back .asp-man__lines [data-v=torso]{stroke-dasharray:3 3}.asp-body:not(.is-back) .asp-man__dots [data-v=back],.asp-body.is-back .asp-man__dots [data-v=torso]{display:none}.asp-lbl{position:absolute;z-index:1;transform:translate(-50%,-50%);max-width:26%;padding:6px 11px;border-radius:999px;background:var(--asp-bg);box-shadow:inset 0 0 0 1px var(--asp-line2),0 2px 8px #0000000d;font-size:13px;font-weight:700;line-height:1.15;text-align:center;transition:background .2s,color .2s,box-shadow .2s}@media(hover:hover){.asp-lbl:hover{box-shadow:inset 0 0 0 1.5px var(--asp-fg)}}.asp-lbl.is-on{background:var(--asp-fg);color:var(--asp-bg);box-shadow:none}.asp-any{position:absolute;left:50%;top:0;transform:translate(-50%);display:inline-flex;background:var(--asp-page, transparent);align-items:center;gap:7px;padding:7px 14px 7px 10px;border-radius:999px;border:1.5px dashed var(--asp-line2);font-size:13px;font-weight:700;transition:border-color .2s,background .2s}.asp-any svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.asp-any:hover{border-color:var(--asp-fg);border-style:solid}.asp-body:has(.asp-any:hover) .asp-man__all{opacity:.32}}.asp-any.is-on{background:var(--asp-fg);color:var(--asp-bg);border-color:var(--asp-fg);border-style:solid}.asp-turn{display:inline-flex;padding:3px;border-radius:999px;background:var(--asp-bg);box-shadow:inset 0 0 0 1px var(--asp-line)}.asp-turn button{padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--asp-mute)}.asp-turn button[aria-pressed=true]{background:var(--asp-fg);color:var(--asp-bg)}.asp-man__fig{transform-box:view-box;transform-origin:200px 50%}.asp-man__fig.is-turning{animation:asp-turn .42s var(--asp-ease)}@keyframes asp-turn{0%{transform:scaleX(1)}50%{transform:scaleX(.04)}to{transform:scaleX(1)}}@media(max-width:749px){.asp-lbl{font-size:12px;padding:5px 8px;max-width:25%}.asp-body{max-width:440px}.asp-any{padding:6px 12px 6px 9px;font-size:12px}}.asp-body.is-hint .asp-z:not(.is-on){animation:asp-zhint 1s ease-in-out both;animation-delay:calc(.3s + var(--k, 0) * .14s)}@keyframes asp-zhint{0%,to{opacity:0}45%{opacity:.34}}.asp-fig--man{overflow:visible}.asp-tophead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin:0 0 16px}.asp-tophead .asp-sec{margin:0}.asp-reroll{display:flex;align-items:center;gap:16px;margin-left:auto}.asp-reroll__btn{margin-left:0;text-align:left}.asp-reroll__txt{display:grid}.asp-reroll__l{grid-area:1 / 1;display:flex;flex-direction:column;align-items:flex-start;gap:1px;transition:opacity .2s}.asp-reroll__l--end,.asp-reroll__btn.is-end .asp-reroll__l--next{visibility:hidden;opacity:0}.asp-reroll__btn.is-end .asp-reroll__l--end{visibility:visible;opacity:1}.asp-reroll__txt b{font-size:14px;font-weight:700;line-height:1.2}.asp-reroll__txt small{font-size:12px;font-weight:500;line-height:1.25;color:var(--asp-mute)}.asp-sets{display:inline-flex;gap:6px}.asp-sets:empty{display:none}.asp-sets button{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;box-shadow:inset 0 0 0 1px var(--asp-line2);font-size:12px;font-weight:700;color:var(--asp-mute);transition:background .2s,color .2s,box-shadow .2s}@media(hover:hover){.asp-sets button:hover{box-shadow:inset 0 0 0 1.5px var(--asp-fg);color:var(--asp-fg)}}.asp-sets button[aria-current=true]{background:var(--asp-fg);color:var(--asp-bg);box-shadow:none}.asp-top.is-rr .asp-topc{animation:asp-zin .34s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 35ms)}.asp-top.is-rr :is(.asp-topc__img,.asp-topc__img img,.asp-topc__b){animation:none}.asp-top .asp-topc.is-zout,.asp-top.is-rr .asp-topc.is-zout{animation:asp-zout .16s cubic-bezier(.4,0,1,1) both;animation-delay:calc(var(--i, 0) * 20ms);pointer-events:none}@media(max-width:1023px){.asp-sets{gap:0}.asp-sets button{position:relative;width:16px;height:32px;font-size:0;box-shadow:none;background:none}.asp-sets button:before{content:"";position:absolute;left:4px;top:12px;width:8px;height:8px;border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(var(--color-foreground, 17, 17, 17),.35);transition:background .2s,box-shadow .2s}.asp-sets button[aria-current=true]{background:none}.asp-sets button[aria-current=true]:before{background:var(--asp-fg);box-shadow:none}}@media(max-width:749px){.asp-tophead{gap:10px;margin-bottom:12px}.asp-reroll{width:100%;margin-left:0;justify-content:space-between;gap:12px}.asp-reroll__btn{order:-1}.asp-reroll__txt b{font-size:13px}.asp-reroll__txt small{font-size:11.5px}}@media(min-width:750px){.asp-doors--2{grid-template-columns:repeat(2,1fr)}}@media(min-width:750px){.asp-bundle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0;padding:15px 17px 14px}.asp-bundle>.asp-ship{grid-area:1 / 1 / 2 / 3}.asp-bundle>.asp-btn{grid-area:1 / 2 / 2 / 3;position:relative;z-index:1;justify-self:end;min-height:44px}.asp-bundle .asp-ship__head{min-height:44px;margin-bottom:10px;padding-right:250px}}.asp-tile--r{min-height:168px}@media(min-width:750px){.asp-tile--r{min-height:210px;padding:22px}}.asp-refine{margin-top:36px;padding-top:0;border-top:0}.asp-more-tail{display:flex;justify-content:center}.asp-more-sent{display:block;width:100%;height:1px}.asp-more-end{margin:44px 0 8px;padding:12px 22px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--asp-line2);font-size:14px;font-weight:700;text-decoration:none;transition:background .2s}.asp-more-end:hover{background:var(--asp-soft)}
/*# sourceMappingURL=/cdn/shop/t/26/assets/asink-picker.css.map */