.fh-studio{gap:14px}.fh-pk-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.fh-pk-head b{font-family:var(--fh-font-display);font-size:15px;color:var(--fh-ink)}.fh-pk-head span{font-size:12.5px;color:var(--fh-mute);font-weight:600;white-space:nowrap}.fh-pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fh-pk{position:relative;display:flex;flex-direction:column;gap:4px;padding:4px 4px 8px;border-radius:14px;border:1.5px solid var(--fh-line);background:#fff;color:var(--fh-ink);text-align:center;cursor:pointer;min-width:0;transition:border-color .2s,transform .2s var(--fh-ease),box-shadow .2s}.fh-pk:hover{border-color:var(--fh-pink);transform:translateY(-2px)}.fh-pk:focus-visible{outline:0;box-shadow:0 0 0 4px var(--fh-teal-soft);border-color:var(--fh-teal-bright)}.fh-pk[aria-selected=true]{border-color:var(--fh-ink);box-shadow:0 0 0 1px var(--fh-ink)}.fh-pk-img{display:block;flex:none;aspect-ratio:1;border-radius:10px;background:var(--fh-surface);overflow:hidden}.fh-pk-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block;padding:5px;box-sizing:border-box}.fh-pk b{font-family:var(--fh-font-display);font-size:11px;letter-spacing:-.01em;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:3.6em;padding:0 1px;margin-top:2px}.fh-pk small{font-size:10.5px;line-height:1.2;color:var(--fh-ink-2);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.4em;padding:0 1px}.fh-pk-price{font-size:11px;color:var(--fh-mute);font-weight:700;margin-top:auto;padding-top:2px}.fh-pk-check{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:var(--fh-pink-ui);color:#fff;display:none;place-items:center;box-shadow:0 2px 6px #f40d7059}.fh-pk-check .fh-ic{width:11px;height:11px;stroke-width:3.2}.fh-pk[aria-selected=true] .fh-pk-check{display:grid}.fh-studio .fh-stage--photo{aspect-ratio:1;background:#fff;border:1px solid var(--fh-line)}.fh-studio .fh-stage--photo .fh-stage-img{grid-area:1/1;width:100%;height:100%;object-fit:contain;display:block;padding:5%;box-sizing:border-box;transition:opacity .25s}.fh-studio .fh-stage--photo .fh-stage-img.fh-swap{opacity:.35}.fh-studio .fh-stage svg{stroke:none}.fh-studio .fh-stage .fh-badge{position:absolute;top:12px;z-index:2}.fh-studio .fh-stage .fh-badge .fh-ic{width:1.1em;height:1.1em;filter:none;stroke:currentColor}.fh-studio .fh-stage-tag{left:12px}.fh-studio .fh-stage-sold{right:12px}.fh-pk-sel{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:-2px}.fh-pk-sel b{font-family:var(--fh-font-display);font-size:17px;line-height:1.2;color:var(--fh-ink)}.fh-pk-sel .fh-price{font-family:var(--fh-font-display);font-weight:800;font-size:16px;white-space:nowrap;color:var(--fh-ink)}.fh-pk-opts{display:grid;gap:10px}.fh-pk-opts:empty{display:none}.fh-pk-opts .fh-colors{font-size:13px}.fh-pk-optname{min-width:58px}.fh-swatch.fh-duo{background:linear-gradient(135deg,var(--c) 50%,var(--c2) 50%)}.fh-swatch[aria-disabled=true],.fh-size[aria-disabled=true]{opacity:.4}.fh-swatch[aria-disabled=true]:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:120%;background:var(--fh-ink);transform:translate(-50%,-50%) rotate(45deg)}.fh-size[aria-disabled=true]{text-decoration:line-through}.fh-studio .fh-note{font-size:12.5px;line-height:1.45;color:var(--fh-mute);margin:-4px 0 0}@media(min-width:480px){.fh-pk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:640px){.fh-studio{gap:16px}.fh-studio .fh-stage--photo{aspect-ratio:4/3}.fh-pk-grid{gap:10px}.fh-pk{padding:6px 6px 10px}.fh-pk b{font-size:12px}.fh-pk small{font-size:11px}}.fh-pers .fh-pers-grid{display:grid;gap:22px}.fh-pers-head{display:grid;gap:12px}.fh-pers-pick{display:grid;gap:12px;align-content:start}.fh-pers-foot{display:grid;gap:20px;align-content:start}.fh-pers-steps{display:grid;gap:14px;counter-reset:fhstep;position:relative;padding:4px 0 2px}.fh-pstep{counter-increment:fhstep;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;position:relative;min-width:0}.fh-pstep .fh-n{position:relative;width:44px;height:44px;border-radius:14px;background:#fff;border:1.5px solid var(--fh-line);display:grid;place-items:center;color:var(--fh-pink-deep);box-shadow:var(--fh-sh-sm)}.fh-pstep .fh-n .fh-ic{width:22px;height:22px}.fh-pstep .fh-n:after{content:counter(fhstep);position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--fh-ink);color:#fff;font-family:var(--fh-font-display);font-weight:800;font-size:10.5px;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--fh-pink-tint)}.fh-pstep b{font-family:var(--fh-font-display);font-size:15.5px;display:block;margin-bottom:2px;color:var(--fh-ink)}.fh-pstep span{font-size:14px;line-height:1.45;color:var(--fh-ink-2)}.fh-pstep:not(:last-child):before{content:"";position:absolute;left:21px;top:48px;bottom:-14px;width:2px;background:var(--fh-line-2)}@media(min-width:640px){.fh-pers-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fh-pstep{grid-template-columns:1fr;gap:12px}.fh-pstep:not(:last-child):before{left:52px;right:-20px;top:22px;bottom:auto;width:auto;height:2px}}@media(min-width:900px){.fh-pers .fh-pers-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;row-gap:26px}.fh-pers-head{grid-column:1 / -1;grid-row:1}.fh-pers-steps{grid-column:1 / -1;grid-row:2;gap:28px;padding-block:6px 4px}.fh-pstep:not(:last-child):before{right:-28px}.fh-pers-pick{grid-column:1;grid-row:3}.fh-pers-foot{grid-column:1;grid-row:4}.fh-pers .fh-studio{grid-column:2;grid-row:3 / span 2;position:sticky;top:110px}.fh-pers-pick .fh-pk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/fann-personalize.css.map */