.cpick--cards .ccwrap{max-width:1120px;margin:0 auto;display:grid;gap:20px}.ccwrap__head{display:grid;gap:8px}.ccwrap__head .dp-h2{margin:0}.ccwrap__lead{margin:0;max-width:60ch;font:400 17px/1.5 var(--font);color:var(--c-fg-2)}.ccwrap__inc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 0;padding:0;list-style:none}.ccwrap__inc li{display:grid;gap:4px;padding-left:16px;box-shadow:inset 2px 0 0 var(--c-line-strong)}.ccwrap__inc b{font:600 15px/1.3 var(--font);color:var(--c-fg)}.ccwrap__inc li:only-child,.ccwrap__inc li>b:only-child{align-self:start}.ccwrap__inc span{font:400 14px/1.4 var(--font);color:var(--c-fg-3)}@media(max-width:720px){.ccwrap__inc{grid-template-columns:1fr}}.ccards{display:grid;gap:16px}.ccards__bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ccards__mode{display:inline-grid;grid-auto-flow:column;gap:4px;padding:4px;border-radius:999px;background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line)}.ccards__mode label{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.ccards__mode input{position:absolute;opacity:0;pointer-events:none}.ccards__mode span{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font:600 15px/1 var(--font);color:var(--c-fg-2);white-space:nowrap;transition:background .2s,color .2s}.ccards__mode em{font-style:normal;font-weight:700;font-size:13px;padding:4px 7px;border-radius:999px;background:#9fe0ac24;color:var(--c-ok)}.ccards__mode input:checked+span{background:var(--c-fg);color:#150f0b}.ccards__mode input:checked+span em{background:#150f0b1a;color:#1d5e2b}.ccards__mode input:focus-visible+span{outline:2px solid var(--c-coral);outline-offset:2px}.ccards .tinfo{position:relative;display:inline-flex}.ccards .tinfo__btn{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff14;color:var(--c-fg-2);font:600 13px/1 var(--font);font-style:italic;cursor:help;position:relative}.ccards .tinfo__btn:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.ccards .tinfo__btn:hover,.ccards .tinfo.is-open .tinfo__btn{background:#ff7a4d40;color:#fff}.ccards .tinfo__btn:focus-visible{outline:2px solid var(--c-coral);outline-offset:2px}.ccards .tinfo__pop{position:absolute;z-index:30;top:calc(100% + 10px);left:-8px;width:min(320px,calc(100vw - 40px));padding:14px 16px;border-radius:16px;background:#221d19;box-shadow:0 0 0 1px #ffffff1a,0 18px 40px #00000080;font:400 14px/1.45 var(--font);color:var(--c-fg-2);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility 0s .15s}.ccards .tinfo__pop ul{margin:6px 0 0;padding-left:18px;display:grid;gap:6px}.ccards .tinfo__h{margin:0;font:600 14px/1.3 var(--font);color:var(--c-fg)}.ccards .tinfo.is-open .tinfo__pop{opacity:1;visibility:visible;transform:none;transition:opacity .15s,transform .15s}@media(hover:hover){.ccards .tinfo:hover .tinfo__pop{opacity:1;visibility:visible;transform:none;transition:opacity .15s,transform .15s}}@media(max-width:520px){.ccards .tinfo__pop{left:auto;right:-8px}}.ccards .ccard{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;min-height:0;padding:20px;border-radius:20px;text-align:left;cursor:default;min-width:0}.ccards .ccard{background-color:#1b1714;background-image:linear-gradient(180deg,#ffffff12,#ffffff08)}.ccards .ccard:not(:hover):not(:focus-within):not(.is-added):not(.is-active){box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff0f,0 12px 32px #00000059}.ccards .ccard--all{border:1.5px solid transparent;background:linear-gradient(180deg,#ffffff14,#ffffff09) padding-box,linear-gradient(135deg,rgb(255 184 107/.1),rgb(255 106 139/.06) 60%,transparent) padding-box,linear-gradient(#1b1714,#1b1714) padding-box,linear-gradient(90deg,#ff7a4d,#ff6a8b) border-box}.ccards .ccard--all:not(:hover):not(:focus-within):not(.is-added){box-shadow:0 12px 32px #00000059,0 16px 48px -24px #ff6a8b73}.ccards .ccard.is-added{box-shadow:inset 0 0 0 1.5px var(--c-coral),0 24px 70px -32px #ff7a4dcc}.ccards .ccard .ccard__ico,.ccards .ccard .dpl-wrap{flex:none;align-self:flex-start}.ccard.is-added .dpl-wrap{color:var(--tint)}.ccard.is-added .dp-icon{background:var(--tint)}.ccard.is-off{opacity:.7}.ccard__t{display:grid;gap:6px;min-width:0}.ccard__h{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:700 19px/1.25 var(--font);color:var(--c-fg);letter-spacing:-.01em}.ccard__badge{font:700 13px/1 var(--font);font-style:normal;padding:6px 9px;border-radius:999px;background:var(--g-brand,linear-gradient(90deg,#FFB86B,#FF7A4D));color:#150f0b}.ccard__n{margin:2px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;font-variant-numeric:tabular-nums}.ccard__n b{font:800 34px/1 var(--font);letter-spacing:-.025em;color:var(--c-fg)}.ccard__n span{font:600 16px/1.2 var(--font);color:var(--c-fg-2)}.ccard--all .ccard__n b{font-size:40px}.ccard__chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}.ccard__chips li{font:500 13px/1 var(--font);padding:7px 10px;border-radius:999px;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff14;color:var(--c-fg);white-space:nowrap}.ccard__chips li.is-more{color:var(--c-fg-2)}.ccard__buy{margin-top:auto;display:grid;gap:4px}.ccard__p{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;font-variant-numeric:tabular-nums}.ccard__p strong{font:800 26px/1 var(--font);color:var(--c-fg);letter-spacing:-.02em}.ccard__p span{font:600 16px/1 var(--font);color:var(--c-fg-2)}.ccard__p small{font:500 14px/1 var(--font);color:var(--c-fg-3);margin-left:4px}.ccard__sub{margin:0;min-height:20px;font:500 14px/1.4 var(--font);color:var(--c-ok);visibility:hidden}.ccards.is-sub .ccard__sub{visibility:visible}.ccard__act{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.ccard__add{flex:1 1 120px;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:var(--c-fg);color:#150f0b;font:700 16px/1 var(--font);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.ccard__add:hover{background:#fff}.ccard__add[aria-pressed=true]{background:transparent;color:var(--c-fg);box-shadow:inset 0 0 0 1.5px var(--c-coral)}.ccard__add[aria-pressed=true]:hover{box-shadow:inset 0 0 0 1.5px var(--c-fg)}.ccard__add:disabled{opacity:.55;cursor:default}.ccard__add.is-busy{opacity:.7;cursor:progress}.ccard__add:focus-visible,.ccard__free:focus-visible,.ccards__rp:focus-visible{outline:2px solid var(--c-coral);outline-offset:2px}.ccard__free{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font:600 15px/1 var(--font);color:var(--c-accent-text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.ccard__err{margin:6px 0 0;font:500 14px/1.4 var(--font);color:#ffb3a0}.ccard__in{margin:0;font:600 15px/1.3 var(--font);color:var(--c-fg-3)}.ccards .ccard--all{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 32px;padding:24px 28px}.ccard--all .ccard__h{font-size:24px}.ccard--all .ccard__buy{margin:0;min-width:300px}.ccards__grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0;padding:0;list-style:none}@media(min-width:640px){.ccards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.ccards__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.ccards .ccard--all{grid-template-columns:1fr;padding:20px}.ccard--all .ccard__buy{min-width:0}}.ccards .ccards__rp.dp-tile{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-items:start;gap:18px;min-height:0;padding:16px 18px 16px 20px;border-radius:20px;text-align:left;text-decoration:none;color:var(--c-fg);background:#1b1714 linear-gradient(110deg,#ff7a4d1a,#ff6a8b0f 45%,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff24,0 12px 32px #0000004d;transition:transform .4s cubic-bezier(.34,1.4,.64,1),box-shadow .3s}.ccards .ccards__rp:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .3s;background:linear-gradient(90deg,#ff7a4d,#ff6a8b);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ccards .ccards__rp:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:0 22px 56px -24px #ff6a8bbf}.ccards .ccards__rp:is(:hover,:focus-visible):before{opacity:1}.crp2__stack{display:flex;align-items:center;padding-left:6px}.crp2__i{width:48px;height:48px;margin-left:-8px;display:grid;place-items:center;border-radius:14px;background:#26201b;box-shadow:0 0 0 2px #1b1714;transition:transform .35s cubic-bezier(.34,1.4,.64,1)}.crp2__i:first-child{margin-left:0;transform:rotate(-6deg)}.crp2__i:last-child{transform:rotate(6deg)}.crp2__i .dpl-wrap{width:38px;height:38px;color:var(--c-fg)}.crp2__i .dp-icon{--size:34px;background:var(--c-fg)}.ccards__rp:is(:hover,:focus-visible) .crp2__i{transform:translateY(-3px) rotate(0)}.ccards__rp:is(:hover,:focus-visible) .crp2__i .dpl-wrap{color:var(--tint)}.ccards__rp:is(:hover,:focus-visible) .crp2__i .dp-icon{background:var(--tint)}.crp2__t{display:grid;gap:4px;min-width:0}.crp2__t b{font:700 17px/1.25 var(--font);letter-spacing:-.01em}.crp2__t small{font:500 14px/1.3 var(--font);color:var(--c-fg-2)}.crp2__t strong{color:var(--c-fg);font-weight:700}.crp2__go{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#ffffff14;transition:background .3s}.crp2__go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}.ccards__rp:is(:hover,:focus-visible) .crp2__go{background:linear-gradient(90deg,#ff7a4d,#ff6a8b);color:#150f0b}.ccards__rp:is(:hover,:focus-visible) .crp2__go svg{transform:translate(2px)}@media(max-width:520px){.ccards .ccards__rp.dp-tile{grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;padding:14px}.crp2__stack{grid-column:1/-1}.crp2__i{width:42px;height:42px}.crp2__i .dpl-wrap{width:32px;height:32px}.crp2__t b{font-size:16px}}@media(prefers-reduced-motion:reduce){.ccards .ccards__rp,.crp2__i{transition:none}}@media(max-width:430px){.ccards__bar{gap:8px}.ccards__mode{gap:2px}.ccards__mode span{padding:0 10px;gap:6px}.ccards__mode em{font-size:12px;padding:3px 6px}}@media(max-width:380px){.ccards__mode span{padding:0 8px;font-size:14px}}@media(prefers-reduced-motion:reduce){.ccard,.ccard__add,.ccards__mode span{transition:none}}.ccards .ccard.is-active{transform:translateY(-3px);background-color:var(--c-raised)}.ccards .ccard.is-active:not(.is-added){box-shadow:0 24px 70px -28px rgb(var(--b1)/.85)}.ccards .ccard.is-active .dp-liquid i{opacity:1;transform:none;animation-play-state:running}.ccards .ccard.is-active .dp-liquid:after{opacity:1}.ccards .ccard.is-active .dpl-wrap{color:var(--tint)}.ccards .ccard.is-active .dp-icon{background:var(--tint)}.ccards .ccard.is-featured:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .35s;background:linear-gradient(115deg,rgb(var(--b1)),rgb(var(--b2)),rgb(var(--b3)),rgb(var(--b1))) 0 50%/300% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ccards .ccard.is-featured:is(.is-active,:hover):before{opacity:1}.ccards .ccard.is-featured:is(.is-active,:hover){box-shadow:0 24px 70px -28px rgb(var(--b1)/.85)}.ccard__badge--pop{background:rgb(var(--b1));color:#0d0b0a}.ccards__grid:empty{display:none}.cpick:has(.ccards.is-once-only) .crefresh{display:none}@media(prefers-reduced-motion:no-preference){.ccards .ccard.is-featured:before{animation:cc-ring 7s linear infinite}}@keyframes cc-ring{to{background-position:300% 50%}}.ccards__mode .ccards__best{font-style:normal;font-weight:700;font-size:12px;padding:4px 8px;border-radius:999px;background:linear-gradient(90deg,#ffb86b,#ff7a4d);color:#150f0b}.ccards__mode input:checked+span .ccards__best{background:linear-gradient(90deg,#ff7a4d,#ff6a8b);color:#150f0b}.ccards__note{margin:-4px 0 0;font:500 14px/1.45 var(--font);color:var(--c-fg-2);min-height:20px}.ccard__save{margin:2px 0 0;font:700 14px/1.35 var(--font);color:#ffb86b}.ccard__save[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.ccard__p.is-bump strong{animation:cc-bump .45s cubic-bezier(.3,1.5,.5,1)}@keyframes cc-bump{0%{transform:scale(1);color:var(--c-fg)}35%{transform:scale(1.12);color:#ffb86b}to{transform:scale(1);color:var(--c-fg)}}.ccard__p strong{display:inline-block;transform-origin:left center}}.ccsum{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:18px;background:#fbf8f4;color:#16120f;box-shadow:0 18px 50px -12px #000000b3,0 0 0 1px #ffffff80 inset}.ccsum[hidden]{display:none}.ccsum__t{flex:1;min-width:0;margin:0;display:grid;gap:2px}.ccsum__t b{font:700 15px/1.2 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccsum__t span{font:600 14px/1.2 var(--font);color:#5a5048;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccsum__add{flex:none;min-height:48px;padding:0 20px;border:0;border-radius:999px;font:700 15px/1 var(--font);color:#150f0b;background:linear-gradient(90deg,#ff7a4d,#ff6a8b);cursor:pointer}.ccsum__add:disabled{opacity:.5}.ccsum__add:focus-visible{outline:2px solid #C2410C;outline-offset:2px}@media(min-width:901px){.ccsum{display:none!important}}html.has-ccsum body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}html.mcart-open .ccsum{display:none}@media(max-width:430px){.ccards__mode .ccards__best{font-size:11px;padding:3px 6px}}.ccmp{display:grid;gap:6px;margin:8px 0 0}.ccmp div{display:grid;grid-template-columns:72px 1fr;gap:8px}.ccmp dt{font-weight:700;color:var(--c-fg)}.ccmp dd{margin:0}.ccmp__note{margin:8px 0 0;font-size:13px;color:var(--c-fg-3)}.ccards .ccard__free{padding:0 14px;border-radius:999px;background:#0c0a098c;box-shadow:inset 0 0 0 1px #ffffff38;color:#fff;text-decoration:none;font-weight:600}.ccards .ccard__free:hover{background:#0c0a09bf;box-shadow:inset 0 0 0 1px #fff6}@media(min-width:640px)and (max-width:1099px){.ccards__grid>li:last-child:nth-child(odd){grid-column:1/-1}}@media(min-width:1100px){.ccards__grid:has(>li:nth-child(2):last-child),.ccards__grid:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.ccards__grid:has(>li:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}.ccards__grid:has(>li:nth-child(5):last-child)>li{grid-column:span 2}.ccards__grid:has(>li:nth-child(5):last-child)>li:nth-child(n+4){grid-column:span 3}.ccards__grid:has(>li:nth-child(1):last-child){grid-template-columns:1fr}.ccards__grid:has(>li:nth-child(7):last-child)>li:last-child{grid-column:1/-1}}.ccards .ccard[hidden]{display:none}.ccards__mode span{flex-direction:column;justify-content:center;gap:3px;padding-top:5px;padding-bottom:5px}.ccards__mode span b{display:flex;align-items:center;gap:8px;font:inherit}.ccards__cap{font:500 11px/1 var(--font);color:var(--c-fg-2);letter-spacing:.01em}.ccards__mode input:checked+span .ccards__cap{color:#4a3f37}@media(max-width:600px){.ccards__cap{display:none}.ccards__mode span b{gap:6px}}.ccsz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}.ccsz label{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.ccsz input{position:absolute;opacity:0;pointer-events:none}.ccsz span{display:grid;justify-items:center;align-content:center;gap:4px;min-height:54px;padding:7px 10px;border-radius:12px;white-space:nowrap;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f;font:700 15px/1 var(--font);color:var(--c-fg);font-variant-numeric:tabular-nums;transition:background .2s,color .2s,box-shadow .2s}.ccsz small{font:600 13px/1 var(--font);color:var(--c-fg-2)}.ccsz input:checked+span{background:var(--c-fg);color:#150f0b;box-shadow:none}.ccsz input:checked+span small{color:#3b322b}.ccsz input:focus-visible+span{outline:2px solid var(--c-coral);outline-offset:2px}.ccsz label:hover span{box-shadow:inset 0 0 0 1px #ffffff4d}.ccards.is-sub .ccsz{display:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dp-cards.css.map */