.pc-card{--pfm-x:50%;--pfm-y:50%}.pc-card{--pfm-base:rgb(28 30 26 / .035);--pfm-sheen:.92;--pfm-line:0;--pfm-soft:.55;--pfm-frame:rgb(0 0 0 / .055);--pfm-sky:.5;--pfm-floor:.07;--pfm-veil:transparent;--pfm-lobe:.55;--pfm-fall:.1;--pfm-s0:33.3%;--pfm-s1:33.9%;--pfm-s2:34.3%;--pfm-s3:37.5%;--pfm-s4:37.9%;--pfm-s5:38.5%}.pc-card[data-base-color="Brand Color"]{--pfm-base:rgb(0 0 0 / .14);--pfm-sheen:.19;--pfm-line:.55;--pfm-soft:.085;--pfm-frame:transparent;--pfm-sky:.1;--pfm-floor:.16;--pfm-veil:rgb(255 255 255 / .035);--pfm-lobe:.15;--pfm-fall:.13;--pfm-s0:29%;--pfm-s1:32.5%;--pfm-s2:35.4%;--pfm-s3:36.4%;--pfm-s4:39.5%;--pfm-s5:43%}.pc-card[data-base-color=Dark]{--pfm-base:rgb(0 0 0 / .34);--pfm-sheen:.16;--pfm-line:.62;--pfm-soft:.075;--pfm-frame:transparent;--pfm-sky:.07;--pfm-floor:.26;--pfm-veil:rgb(255 255 255 / .045);--pfm-lobe:.1;--pfm-fall:.2;--pfm-s0:29%;--pfm-s1:32.5%;--pfm-s2:35.4%;--pfm-s3:36.4%;--pfm-s4:39.5%;--pfm-s5:43%}.pc-card[data-pfm-tone=light]{--pfm-base:rgb(28 30 26 / .035);--pfm-sheen:.92;--pfm-line:0;--pfm-soft:.55;--pfm-frame:rgb(0 0 0 / .055);--pfm-sky:.5;--pfm-floor:.07;--pfm-veil:transparent;--pfm-lobe:.55;--pfm-fall:.1;--pfm-s0:33.3%;--pfm-s1:33.9%;--pfm-s2:34.3%;--pfm-s3:37.5%;--pfm-s4:37.9%;--pfm-s5:38.5%}.pc-card[data-pfm-tone=mid]{--pfm-base:rgb(0 0 0 / .14);--pfm-sheen:.19;--pfm-line:.55;--pfm-soft:.085;--pfm-frame:transparent;--pfm-sky:.1;--pfm-floor:.16;--pfm-veil:rgb(255 255 255 / .035);--pfm-lobe:.15;--pfm-fall:.13;--pfm-s0:29%;--pfm-s1:32.5%;--pfm-s2:35.4%;--pfm-s3:36.4%;--pfm-s4:39.5%;--pfm-s5:43%}.pc-card[data-pfm-tone=dark]{--pfm-base:rgb(0 0 0 / .34);--pfm-sheen:.16;--pfm-line:.62;--pfm-soft:.075;--pfm-frame:transparent;--pfm-sky:.07;--pfm-floor:.26;--pfm-veil:rgb(255 255 255 / .045);--pfm-lobe:.1;--pfm-fall:.2;--pfm-s0:29%;--pfm-s1:32.5%;--pfm-s2:35.4%;--pfm-s3:36.4%;--pfm-s4:39.5%;--pfm-s5:43%}.pc-card[data-pfm-tone=art],.pc-card[data-background-art],.pc-card[data-back-own]{--pfm-base:transparent;--pfm-sheen:.14;--pfm-line:.45;--pfm-soft:.07;--pfm-frame:transparent;--pfm-sky:.08;--pfm-floor:.1;--pfm-veil:transparent;--pfm-lobe:.13;--pfm-fall:.08;--pfm-s0:29%;--pfm-s1:32.5%;--pfm-s2:35.4%;--pfm-s3:36.4%;--pfm-s4:39.5%;--pfm-s5:43%}.pc-card[data-finish][data-side]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;box-shadow:none;transform:none;background-repeat:no-repeat;background-size:300% 300%;background-position:var(--pfm-x) var(--pfm-y)}.pc-card[data-finish=Glossy][data-side]:after{background-color:var(--pfm-base);background-image:linear-gradient(116deg,#fff0 35.15%,rgb(255 255 255 / var(--pfm-line)),#fff0 36.65%),linear-gradient(116deg,rgb(255 255 255 / 0) var(--pfm-s0),rgb(255 255 255 / calc(var(--pfm-sheen) * .35)) var(--pfm-s1),rgb(255 255 255 / var(--pfm-sheen)) var(--pfm-s2),rgb(255 255 255 / var(--pfm-sheen)) var(--pfm-s3),rgb(255 255 255 / calc(var(--pfm-sheen) * .35)) var(--pfm-s4),rgb(255 255 255 / 0) var(--pfm-s5)),linear-gradient(116deg,transparent 26.5%,var(--pfm-frame) 33.2%,transparent 33.6%,transparent 38.2%,var(--pfm-frame) 38.6%,transparent 45.5%),linear-gradient(116deg,#fff0 47.4%,rgb(255 255 255 / var(--pfm-soft)),#fff0 55.4%),linear-gradient(116deg,#fff0 63%,rgb(255 255 255 / var(--pfm-soft)),#fff0 71%),linear-gradient(180deg,rgb(255 255 255 / var(--pfm-sky)) 33.3%,#fff0 47%,#0000 53%,rgb(0 0 0 / var(--pfm-floor)) 66.7%)}.pc-card[data-finish=Matte][data-side]:after{background-color:var(--pfm-veil);background-image:radial-gradient(27% 31% at 41% 38.5%,rgb(255 255 255 / var(--pfm-lobe)),rgb(255 255 255 / calc(var(--pfm-lobe) * .45)) 45%,#fff0),linear-gradient(158deg,#0000 41%,rgb(0 0 0 / var(--pfm-fall)) 64%)}.pfh-card--front .pc-card[data-finish=Matte]:before{background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.17) 50%,transparent 65%)}[data-pfh-stage] .pfh-card--front .pc-card{--pfm-x:35.4%;--pfm-y:36%}[data-pfh-stage] .pfh-card--front .pc-card[data-orientation=Vertical]{--pfm-y:44.4%}[data-pfh-stage] .pfh-card--back .pc-card{--pfm-x:67.5%;--pfm-y:25.5%}[data-pfh-stage] .pfh-card--back .pc-card[data-orientation=Vertical]{--pfm-y:40.3%}.pc-card[data-finish] .pc-identity{position:relative;z-index:1}.pc-card[data-finish]>.pc-back-art{z-index:1}[data-pfh-stage][data-pfm-drag]{touch-action:pan-y pinch-zoom}@media(forced-colors:active){.pc-card[data-finish][data-side]:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/pf-card-material.css.map */
