unika-card{display:block}.u-card{position:relative;min-width:0;color:rgb(var(--color-foreground))}.u-card__media{position:relative;overflow:hidden;aspect-ratio:var(--u-card-ratio, 4 / 5);border-radius:var(--u-radius-media);background:var(--u-bone)}.u-card__imglink{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.u-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s var(--u-ease-out),transform 1.1s var(--u-ease-out)}.u-card__img--alt{opacity:0}.u-card__img--main.is-swapping{opacity:.4}.u-card--contain .u-card__img{object-fit:contain;padding:6%;box-sizing:border-box;mix-blend-mode:multiply}.u-card__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:end start;padding:1.6rem;background:var(--u-bone)}.u-card__ph-name{font-family:var(--font-display-family);font-size:1.8rem;line-height:1.15;color:var(--u-muted)}.u-card.is-sold-out .u-card__img--main{opacity:.55}.u-card__flag{position:absolute;z-index:2;inset-block-start:1rem;inset-inline-start:1rem;pointer-events:none}@media(hover:hover)and (pointer:fine){.u-card[data-has-alt]:not([data-swapped]):hover .u-card__img--alt,.u-card[data-has-alt]:not([data-swapped]):has(:focus-visible) .u-card__img--alt{opacity:1}.u-card:not([data-has-alt]):hover .u-card__img--main{transform:scale(1.03)}}.u-card__plus{position:absolute;z-index:3;inset-block-end:1rem;inset-inline-end:1rem;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:var(--u-radius-sm);background:var(--u-black);color:var(--u-white);cursor:pointer;transition:background-color var(--u-dur-fast) ease,transform var(--u-dur-fast) ease,opacity var(--u-dur-base) ease}.u-card__plus:after{content:"";position:absolute;top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem}.u-card__plus span{position:absolute;top:0;right:0;bottom:0;left:0}.u-card__plus span:before,.u-card__plus span:after{content:"";position:absolute;inset-block-start:50%;left:50%;width:1.4rem;height:1.5px;background:currentColor;transform:translate(-50%,-50%);transition:transform var(--u-dur-base) var(--u-ease-out)}.u-card__plus span:after{transform:translate(-50%,-50%) rotate(90deg)}@media(hover:hover){.u-card__plus:hover{opacity:.82}}.u-card__plus:active{transform:scale(.94)}.u-card__plus:focus-visible{outline:2px solid var(--u-black);outline-offset:2px;box-shadow:0 0 0 2px var(--u-white)}.u-card__plus.is-busy{cursor:progress}.u-card__plus.is-busy span:before{animation:u-spin .8s linear infinite;transform:translate(-50%,-50%) rotate(0)}.u-card__plus.is-busy span:after{opacity:0}.u-card__plus.is-done{background:var(--u-accent)}.u-card__plus.is-done span:before{width:1.3rem;transform:translate(-70%,-10%) rotate(45deg);height:1.5px}.u-card__plus.is-done span:after{width:.7rem;transform:translate(-30%,40%) rotate(-45deg)}.u-card__plus.is-error{background:var(--u-error)}@keyframes u-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.u-card__strip{position:absolute;z-index:4;inset-inline:.6rem;inset-block-end:.6rem;display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem;border-radius:var(--u-radius);background:var(--u-white);transform:translateY(calc(100% + 1rem));transition:transform var(--u-dur-base) var(--u-ease-out)}.u-card__strip:empty{display:none}.u-size{flex:1 1 4rem;min-width:4rem;min-height:4rem;padding:0 .8rem;border:1px solid var(--u-line);border-radius:var(--u-radius-btn);background:transparent;color:var(--u-black);font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;cursor:pointer;transition:background-color var(--u-dur-fast) ease,color var(--u-dur-fast) ease,border-color var(--u-dur-fast) ease}@media(hover:hover){.u-size:not(:disabled):hover{background:var(--u-black);border-color:var(--u-black);color:var(--u-white)}}.u-size:focus-visible{outline:2px solid var(--u-black);outline-offset:2px}.u-size.is-out,.u-size:disabled{color:var(--u-muted);text-decoration:line-through;cursor:not-allowed;background:transparent}.u-size.is-busy{opacity:.5;cursor:progress}.u-size.is-done{background:var(--u-accent);border-color:var(--u-accent);color:var(--u-white)}.u-size.is-error{background:var(--u-error);border-color:var(--u-error);color:var(--u-white)}.u-size--add{flex-basis:100%;font-size:1.4rem;font-weight:600}@media(hover:hover)and (pointer:fine){.u-card:hover .u-card__strip,.u-card:focus-within .u-card__strip{transform:none}.u-card:has(.u-card__strip:not(:empty)):hover .u-card__plus,.u-card:has(.u-card__strip:not(:empty)):focus-within .u-card__plus{opacity:0;pointer-events:none}}@media(hover:none),(pointer:coarse){.u-card__strip{display:none}}@media(prefers-reduced-motion:reduce){.u-card__strip,.u-card__plus,.u-card__img{transition:none}.u-card__plus.is-busy span:before{animation:none}}.u-card__meta{display:grid;gap:.2rem;padding-block-start:1rem}.u-card__vendor{margin:0;color:var(--u-muted)}.u-card__title{margin:0;overflow-wrap:anywhere}.u-card__link{color:inherit;text-decoration:none}.u-card__link:focus-visible{outline-offset:2px}@media(hover:hover){.u-card:hover .u-card__link{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:1px}}.u-card__price .price{display:block;font-size:1.4rem;line-height:1.5}.u-card__price .price--on-sale .price__sale{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .8rem}.u-card__price .price--on-sale .price-item--sale{color:var(--u-sale);font-weight:600}.u-card__price .price--on-sale .price-item--regular{color:var(--u-muted);font-size:1.3rem;text-decoration:line-through}.u-card__price .unit-price{display:none}.u-card__avail{margin:.4rem 0 0;font-size:1.2rem;line-height:1.4;color:var(--u-muted)}.u-card__rating{margin-block-start:.2rem}.u-sw{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-block-start:.6rem}.u-sw__item{position:relative;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:0;background:var(--u-dot, var(--u-stone));box-shadow:inset 0 0 0 1px #1111112e;cursor:pointer;display:grid;place-items:center}.u-sw__item:after{content:"";position:absolute;top:-.3rem;right:-.3rem;bottom:-.3rem;left:-.3rem}.u-sw__item[aria-pressed=true]{outline:1px solid var(--u-black);outline-offset:2px}.u-sw__item:focus-visible{outline:2px solid var(--u-black);outline-offset:2px}.u-sw__item.is-out:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top right,transparent calc(50% - .6px),rgb(17 17 17 / .7),transparent calc(50% + .6px)),color-mix(in srgb,var(--u-white) 55%,transparent)}.u-sw__more{min-width:2.4rem;min-height:2.4rem;padding:0;border:0;background:none;color:var(--u-muted);font-family:var(--font-body-family);font-size:1.2rem;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer}.u-sw__more:hover{color:var(--u-black)}.u-sw--sheet-only{display:none}@media(hover:none),(pointer:coarse){.u-sw__item,.u-sw__more{pointer-events:none}.u-sw__item:after{display:none}}.u-card--row{display:grid;grid-template-columns:8.8rem minmax(0,1fr);gap:1.2rem;align-items:center}.u-card--row .u-card__media{border-radius:var(--u-radius-sm)}.u-card--row .u-card__meta{padding-block-start:0}.u-card--row .u-card__strip,.u-card--row .u-card__plus,.u-card--row .u-card__flag,.u-card--row .u-card__avail,.u-card--row .u-sw{display:none}.u-card--placeholder .u-card__link{pointer-events:none}.u-sheet{position:fixed;inset:auto 0 0 0;margin:0 auto;width:100%;max-width:52rem;max-height:86dvh;padding:0 1.6rem calc(1.6rem + env(safe-area-inset-bottom));border:0;border-radius:var(--u-radius) var(--u-radius) 0 0;background:var(--u-white);color:var(--u-black);overflow-y:auto;overscroll-behavior:contain;animation:u-sheet-up var(--u-dur-drawer) var(--u-ease-out) both}.u-sheet::backdrop{background:#11111173;animation:u-fade var(--u-dur-base) ease both}@keyframes u-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes u-fade{0%{opacity:0}to{opacity:1}}.u-sheet__bar{position:sticky;inset-block-start:0;z-index:1;display:flex;justify-content:center;align-items:center;min-height:4.8rem;margin-inline:-1.6rem;background:var(--u-white)}.u-sheet__grab{width:3.6rem;height:4px;border-radius:2px;background:var(--u-stone)}.u-sheet__close{position:absolute;inset-inline-end:.4rem;inset-block-start:.2rem;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.u-sheet__close span:before,.u-sheet__close span:after{content:"";position:absolute;inset-block-start:50%;left:50%;width:1.8rem;height:1.5px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.u-sheet__close span:after{transform:translate(-50%,-50%) rotate(-45deg)}.u-sheet__head{display:grid;grid-template-columns:6.4rem minmax(0,1fr);gap:1.2rem;align-items:center;padding-block-end:2rem}.u-sheet__thumb{width:6.4rem;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--u-radius-sm);background:var(--u-bone)}.u-sheet__title{margin:0}.u-sheet__price .price{font-size:1.4rem;margin-block-start:.2rem}.u-sheet__price .price--on-sale .price-item--sale{color:var(--u-sale);font-weight:600}.u-sheet__price .price--on-sale .price-item--regular{color:var(--u-muted)}.u-sheet__price .price--on-sale .price__sale{display:flex;flex-wrap:wrap;gap:0 .8rem}.u-sheet__colors{padding-block-end:2rem}.u-sheet__label{margin:0 0 1rem;color:var(--u-muted)}.u-sheet__sw{display:flex;flex-wrap:wrap;gap:.8rem}.u-sheet__sw .u-sw__item{width:4.4rem;height:4.4rem;pointer-events:auto}.u-sheet__sw .u-sw__item:after{display:none}.u-sheet__sw .u-sw__item[aria-pressed=true]{outline:2px solid var(--u-black);outline-offset:2px}.u-sheet__sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr));gap:.8rem}.u-sheet .u-size{min-height:4.8rem;font-size:1.4rem}.u-sheet .u-size--add{grid-column:1 / -1;border-radius:var(--u-radius-btn);background:var(--u-black);color:var(--u-white);border-color:var(--u-black);min-height:4.8rem}.u-sheet .u-size--add:disabled{background:var(--u-bone);border-color:var(--u-bone);color:var(--u-muted);text-decoration:none}.u-sheet__more{margin-block-start:2.4rem}@media(min-width:750px){.u-sheet{top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content;border-radius:var(--u-radius);max-width:44rem;padding-bottom:2.4rem}}@media(prefers-reduced-motion:reduce){.u-sheet,.u-sheet::backdrop{animation:none}}.u-ccard{position:relative;display:block}.u-ccard__media{position:relative;overflow:hidden;aspect-ratio:var(--u-card-ratio, 4 / 5);background:var(--u-bone)}.u-ccard__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--u-ease-out)}.u-ccard__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:end start;padding:1.6rem;background:var(--u-bone)}.u-ccard__ph-name{font-family:var(--font-display-family);font-size:clamp(2rem,2.4vw,2.8rem);line-height:1.1;letter-spacing:-.01em;color:var(--u-muted)}.u-ccard__body{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;padding-block-start:1.2rem}.u-ccard__idx{display:block;margin-block-end:.4rem;font-size:var(--u-fs-label);font-weight:600;letter-spacing:var(--u-track-label);color:var(--u-muted)}.u-ccard__title{margin:0;font-family:var(--font-display-family);font-size:clamp(2rem,1.8vw,2.4rem);font-weight:800;line-height:1.15;letter-spacing:-.01em}.u-ccard__link{color:inherit;text-decoration:none}.u-ccard__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.u-ccard__link:focus-visible{outline:none}.u-ccard__link:focus-visible:after{outline:2px solid currentColor;outline-offset:3px;border-radius:var(--u-radius-media)}.u-ccard__count{font-size:var(--u-fs-label);font-weight:600;letter-spacing:var(--u-track-label);text-transform:uppercase;color:var(--u-muted);white-space:nowrap}.u-ccard__desc{margin:.8rem 0 0;max-width:36ch;font-size:1.3rem;color:var(--u-muted)}.u-ccard__arrow{display:inline-flex;transition:transform var(--u-dur-base) var(--u-ease-out)}[dir=rtl] .u-ccard__arrow{transform:scaleX(-1)}@media(hover:hover)and (pointer:fine){.u-ccard:hover .u-ccard__img{transform:scale(1.04)}.u-ccard:hover .u-ccard__arrow{transform:translate(.4rem)}[dir=rtl] .u-ccard:hover .u-ccard__arrow{transform:translate(-.4rem) scaleX(-1)}}.u-ccard--overlay .u-ccard__body{position:absolute;inset-inline:0;inset-block-end:0;z-index:2;padding:2rem;color:var(--u-white);pointer-events:none}.u-ccard--overlay .u-ccard__count,.u-ccard--overlay .u-ccard__idx{color:#ffffffd9}.u-ccard--overlay .u-ccard__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#11111147}
/*# sourceMappingURL=/cdn/shop/t/17/assets/unika-card.css.map */