.cfc{display:block;text-decoration:none;color:var(--color-foreground)}.cfc__box{background:#fff;border-radius:16px;padding:10px 10px 14px;box-sizing:border-box}.cfc__frame{position:relative;display:block;border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:4 / 5}.cfc__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .2s cubic-bezier(.22,.61,.36,1)}.cfc__frame img.is-on{opacity:1}.cfc__name{display:block;padding:10px 6px 0;font-size:.875rem;line-height:1.25}.cfc__price{display:block;padding:3px 6px 0;font-size:.8125rem;opacity:.62}.cfc__buy{-webkit-appearance:none;appearance:none;display:block;width:calc(100% - 12px);margin:13px 6px 0;border:1px solid rgb(var(--color-foreground-rgb) / .22);border-radius:100px;background:transparent;color:var(--color-foreground);font:inherit;font-family:var(--font-subheading--family);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;padding:11px 0;cursor:pointer;position:relative;overflow:hidden;isolation:isolate}.cf-hh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;clip-path:var(--clip)}.cf-hh[data-i="1"]{--clip: polygon(0 0, 100% 0, 50% 50%, 50% 50%)}.cf-hh[data-i="2"]{--clip: polygon(100% 0, 100% 100%, 50% 50%)}.cf-hh[data-i="3"]{--clip: polygon(0 100%, 100% 100%, 50% 50%)}.cf-hh[data-i="4"]{--clip: polygon(0 0, 0 100%, 50% 50%)}.cf-hh:hover{--clip: polygon(0 0, 100% 0, 100% 100%, 0 100%);z-index:2}.cf-hc{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;border-radius:inherit;background:var(--color-foreground);color:var(--color-background);font:inherit;letter-spacing:inherit;text-transform:inherit;opacity:0;visibility:hidden;clip-path:var(--clip);transition:clip-path .25s cubic-bezier(.22,.61,.36,1),opacity .25s,visibility .25s;pointer-events:none}.cf-hc[data-i="1"]{--clip: inset(0 0 100% 0)}.cf-hc[data-i="2"]{--clip: inset(0 0 0 100%)}.cf-hc[data-i="3"]{--clip: inset(100% 0 0 0)}.cf-hc[data-i="4"]{--clip: inset(0 100% 0 0)}.cf-hh[data-i="1"]:hover~.cf-hc[data-i="1"],.cf-hh[data-i="2"]:hover~.cf-hc[data-i="2"],.cf-hh[data-i="3"]:hover~.cf-hc[data-i="3"],.cf-hh[data-i="4"]:hover~.cf-hc[data-i="4"]{--clip: inset(0 0 0 0);opacity:1;visibility:visible;z-index:0}.cfc__buy:hover .cf-base{visibility:hidden}.cfl{padding:8px 28px 72px}.cfl__grid{display:grid;grid-template-columns:repeat(var(--cfl-cols, 3),minmax(0,1fr));gap:20px;max-width:1400px;margin:0 auto}.cfl--carousel .cfl__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;scrollbar-width:none;padding-bottom:6px}.cfl--carousel .cfl__grid::-webkit-scrollbar{display:none}.cfl--carousel .cfl__grid>*{flex:0 0 calc((100% - 40px) / 3);scroll-snap-align:start}@media screen and (max-width:989px){html:not(.cf-scaled) .cfl{padding:8px 16px 56px}html:not(.cf-scaled) .cfl__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}html:not(.cf-scaled) .cfl--carousel .cfl__grid>*{flex:0 0 62%}}@media screen and (max-width:560px){html:not(.cf-scaled) .cfl__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html:not(.cf-scaled) .cfc__box{padding:8px 8px 12px;border-radius:14px}html:not(.cf-scaled) .cfc__name{font-size:.75rem}html:not(.cf-scaled) .cfl--carousel .cfl__grid>*{flex:0 0 72%}}.cf-sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;opacity:0;visibility:hidden;transition:opacity .22s cubic-bezier(.22,.61,.36,1),visibility .22s;z-index:90}.cf-sheet-back.is-open{opacity:1;visibility:visible}.cf-sheet{position:fixed;left:0;right:0;bottom:0;z-index:91;background:var(--color-background);border-radius:18px 18px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(102%);transition:transform .3s cubic-bezier(.22,.61,.36,1);max-height:78vh;overflow-y:auto;box-sizing:border-box}.cf-sheet.is-open{transform:none}@media screen and (min-width:750px){.cf-sheet{left:50%;right:auto;width:520px;transform:translate(-50%,102%)}.cf-sheet.is-open{transform:translate(-50%)}}.cf-scaled .cf-sheet{left:50%;right:auto;width:520px;transform:translate(-50%,102%)}.cf-scaled .cf-sheet.is-open{transform:translate(-50%)}.cf-sheet__head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.cf-sheet__head img{width:54px;height:66px;object-fit:contain;background:#fff;border-radius:8px}.cf-sheet__title{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;margin:0}.cf-sheet__price{font-size:.8125rem;opacity:.6;margin:2px 0 0}.cf-sheet__close{margin-left:auto;-webkit-appearance:none;appearance:none;border:0;background:none;font-size:1.25rem;line-height:1;cursor:pointer;color:inherit}.cf-sheet__label{font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin:0 0 8px}.cf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cf-chip{-webkit-appearance:none;appearance:none;border:1px solid rgb(var(--color-foreground-rgb) / .22);background:transparent;color:var(--color-foreground);border-radius:100px;padding:9px 18px;font:inherit;font-size:.8125rem;line-height:1;cursor:pointer}.cf-chip[aria-pressed=true]{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.cf-sheet__add{-webkit-appearance:none;appearance:none;width:100%;border:0;border-radius:100px;background:var(--color-foreground);color:var(--color-background);font:inherit;font-family:var(--font-subheading--family);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;padding:15px 0;margin-top:6px;cursor:pointer}.cf-sheet__add[disabled]{opacity:.45;cursor:default}@media(prefers-reduced-motion:reduce){.cfc__frame img,.cf-sheet,.cf-sheet-back,.cf-hc{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/cellfie-card.css.map */