[data-svh-host]{position:relative}.svh-pill-wrap{position:absolute;left:24px;bottom:76px;z-index:3;display:block;pointer-events:none}.svh-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;height:44px;margin:0;padding:0 14px 0 4px;border:1px solid #e7d9c3;border-radius:999px;background:#fffffff2;box-shadow:0 4px 14px #1f1d2424;color:#1f1d24;font-family:var(--font-heading-family);font-size:14px;font-weight:600;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s ease,box-shadow .18s ease;animation:svh-pill-in .4s cubic-bezier(.32,.72,0,1) .35s both}@media(hover:hover){.svh-pill:hover{background:#fff;box-shadow:0 6px 18px #1f1d2433}}.svh-pill:focus-visible{outline:2px solid rgb(31,29,36);outline-offset:2px}.svh-pill__thumb{position:relative;flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1.5px #d3b186}.svh-pill__thumb img{display:block;width:100%;height:100%;object-fit:cover}.svh-pill__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1f1d2447}.svh-pill__play svg{display:block;fill:#fff;margin-left:2px}.svh-pill__len{font-family:var(--font-body-family);font-weight:400;font-size:12px;color:#5e574d}@media screen and (max-width:749px)and (max-height:600px){.svh-pill-wrap{bottom:auto;top:34%}}@media screen and (min-width:750px){.svh-pill-wrap{left:20px;bottom:auto;top:44%}}.svh-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0006;--svh-h: min(640px, calc(90vh - 160px) )}@supports (height: 1dvh){.svh-modal{--svh-h: min(640px, calc(90dvh - 160px) )}}.svh-modal[open]{display:flex;align-items:center;justify-content:center;animation:svh-fade-in .24s ease-in-out forwards}.svh-modal.svh-modal--closing{animation:svh-fade-out .24s ease-in-out forwards;pointer-events:none}.svh-modal__inner{position:relative;width:fit-content;min-width:320px;max-width:calc(100% - 32px);max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px 24px 20px;border-radius:16px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);text-align:left;box-shadow:0 2px 16px #0000001a,0 4px 60px #00000040}.svh-modal__inner:focus{outline:none}.svh-modal[open] .svh-modal__inner{animation:svh-pop-in .24s cubic-bezier(.32,.72,0,1) forwards}.svh-modal.svh-modal--closing .svh-modal__inner{animation:svh-pop-out .24s cubic-bezier(.32,.72,0,1) forwards}.svh-modal__head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;margin:0 0 16px}.svh-modal__title{font-family:var(--font-heading-family);font-weight:500;font-size:20px;line-height:1.3;letter-spacing:-.01em;margin:0;padding:3px 0 0;text-transform:none}.svh-modal__x{width:32px;height:32px;margin:-4px -8px 0 0;padding:0;border:0;border-radius:6px;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s ease}.svh-modal__x:hover{background:rgba(var(--color-foreground),.06)}.svh-modal__x svg{pointer-events:none}.svh-modal__media{display:flex;justify-content:center}.svh-modal__video{display:block;height:var(--svh-h);width:auto;max-width:100%;aspect-ratio:9 / 16;object-fit:contain;border-radius:10px;background:#000}.svh-modal__caption{max-width:calc(var(--svh-h) * 9 / 16);margin:14px auto 0;font-size:13.5px;line-height:1.55;color:rgba(var(--color-foreground),.8)}@media screen and (max-width:749px){.svh-modal{background:#0003;--svh-h: min(640px, calc(92vh - 158px - env(safe-area-inset-bottom, 0px)) )}@supports (height: 1dvh){.svh-modal{--svh-h: min(640px, calc(92dvh - 158px - env(safe-area-inset-bottom, 0px)) )}}.svh-modal[open]{align-items:flex-end}.svh-modal__inner{width:100%;min-width:0;max-width:100%;max-height:92vh;max-height:92dvh;border-radius:16px 16px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px))}.svh-modal__caption{max-width:none}.svh-modal[open] .svh-modal__inner{animation:svh-sheet-in .24s ease-in-out forwards}.svh-modal.svh-modal--closing .svh-modal__inner{animation:svh-sheet-out .24s ease-in-out forwards}.svh-modal__title{font-size:18px}.svh-modal__head{margin-bottom:14px}}@keyframes svh-pill-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes svh-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svh-fade-out{0%{opacity:1}to{opacity:0}}@keyframes svh-sheet-in{0%{transform:translateY(50%);opacity:0}50%{opacity:1}to{transform:translateY(0)}}@keyframes svh-sheet-out{0%{transform:translateY(0);opacity:1}75%{opacity:0}to{transform:translateY(50%);opacity:0}}@keyframes svh-pop-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes svh-pop-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@media(prefers-reduced-motion:reduce){.svh-pill,.svh-modal[open],.svh-modal.svh-modal--closing,.svh-modal[open] .svh-modal__inner,.svh-modal.svh-modal--closing .svh-modal__inner{animation:none}}.svf-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:-.4rem 0 1.6rem;font-size:1.4rem;color:rgba(var(--color-foreground),.8)}.svf-line__ico{flex:none;color:#a88254}.svf-line modal-opener{display:inline-flex}.svf-line__how{font:inherit;font-weight:600;color:rgb(var(--color-foreground));background:none;border:0;padding:4px 2px;margin:-4px -2px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;letter-spacing:0;text-transform:none}.svf-line__how:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.svf-inner{width:min(468px,calc(100% - 32px))}.svf-q{border:0;margin:0 0 18px;padding:0;min-width:0}.svf-q__t{display:flex;align-items:center;gap:10px;padding:0;margin:0 0 10px;font-family:var(--font-heading-family);font-weight:600;font-size:15px;color:rgb(var(--color-foreground))}.svf-q__n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#1f1d24;background:linear-gradient(135deg,#e3c9a3,#d3b186)}.svf-grid{display:grid;gap:8px}.svf-grid--2{grid-template-columns:1fr 1fr}.svf-grid--3{grid-template-columns:repeat(3,1fr)}.svf-tile{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:10px 8px 12px;border:1px solid rgba(var(--color-foreground),.14);border-radius:12px;background:rgb(var(--color-background));cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}@media(hover:hover){.svf-tile:hover{border-color:rgba(var(--color-foreground),.4)}}.svf-tile:has(input:checked){border-color:#1f1d24;box-shadow:0 0 0 1px #1f1d24;background:#fbf6ee}.svf-tile:has(input:focus-visible){outline:2px solid #1f1d24;outline-offset:2px}.svf-tile:has(input:checked):after{content:"";position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:#1f1d24 url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22M2.5 6.2 5 8.6l4.5-5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center / 12px no-repeat}.svf-tile__img{width:64px;height:64px;display:grid;place-items:end center}.svf-tile__img img{display:block;width:44px;height:auto}.svf-tile__img--lg img{width:60px}.svf-tile__t{font-size:13.5px;font-weight:600;line-height:1.3;color:rgb(var(--color-foreground))}.svf-tile__s{font-size:12px;line-height:1.3;color:rgba(var(--color-foreground),.65)}.svf-hair{width:40px;height:40px;margin:2px 0 4px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.svf-hair--light{background:linear-gradient(160deg,#f1dcae,#d8b577 55%,#b98d52)}.svf-hair--brown{background:linear-gradient(160deg,#a0714c,#6e4a30 55%,#4b301f)}.svf-hair--dark{background:linear-gradient(160deg,#4a3b33,#241c18 55%,#0f0c0b)}.svf-result{display:flex;align-items:center;gap:14px;padding:12px;margin:4px 0 14px;border-radius:12px;background:#fbf6ee;border:1px solid #e7d9c3}.svf-result__img{flex:none;width:72px;height:72px;object-fit:contain;border-radius:8px;background:#fff}.svf-result__txt{display:flex;flex-direction:column;gap:2px;min-width:0}.svf-result__k{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7a5a2e}.svf-result__v{font-family:var(--font-heading-family);font-size:17px;font-weight:600;color:#1f1d24}.svf-result__n{font-size:12.5px;color:#5e574d}.svf-apply{margin:0}@media screen and (max-width:749px){.svf-inner{width:100%}}@media screen and (max-width:359px){.svf-grid--3{gap:6px}.svf-tile{padding:8px 4px 10px}}@media screen and (max-width:749px)and (max-height:640px){.svf-inner .svh-modal__head{margin-bottom:10px}.svf-q{margin-bottom:12px}.svf-q__t{margin-bottom:8px;font-size:14px}.svf-tile{padding:8px 6px 9px;gap:2px}.svf-tile__img{width:48px;height:44px}.svf-tile__img img{width:34px}.svf-tile__img--lg img{width:46px}.svf-hair{width:30px;height:30px;margin:0 0 2px}.svf-result{padding:8px 10px;margin-bottom:10px}.svf-result__img{width:48px;height:48px}.svf-result__n{display:none}.svf-tile__t{font-size:13px}.svf-inner .svh-modal__title{font-size:17px}.svf-inner{padding-top:14px}}@media screen and (max-width:359px){.svh-modal{--svh-h: min(640px, calc(92vh - 180px - env(safe-area-inset-bottom, 0px)) )}@supports (height: 1dvh){.svh-modal{--svh-h: min(640px, calc(92dvh - 180px - env(safe-area-inset-bottom, 0px)) )}}}.svf-q__t{gap:12px}.svf-q__n{width:auto;height:auto;flex:0 0 22px;display:block;border-radius:0;background:none;font-family:var(--font-heading-family);font-weight:700;font-size:30px;line-height:1;text-align:center;color:#d3b186}@supports ((background-clip: text) or (-webkit-background-clip: text)){.svf-q__n{background:linear-gradient(160deg,#d3b186,#d3b18652);-webkit-background-clip:text;background-clip:text;color:transparent}}.svf-modal .svf-apply,.svf-modal .svf-apply:hover{background:linear-gradient(90deg,#d3b186,#a88254);color:#fff;border:0}.svf-modal .svf-apply:before,.svf-modal .svf-apply:after{display:none}@media(hover:hover){.svf-modal .svf-apply:hover{filter:brightness(1.05)}}.svf-modal .svf-apply[disabled]{opacity:.5;cursor:not-allowed;filter:none}.svf-grid--2 .svf-tile{padding:6px 6px 12px}.svf-photo{position:relative;display:block;width:100%;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;margin-bottom:4px}.svf-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}.svf-photo__pony{position:absolute;right:6px;bottom:6px;width:40px;height:40px;border-radius:50%;background:#ffffffeb;box-shadow:0 2px 8px #1f1d242e;display:grid;place-items:center}.svf-photo__pony img{display:block;height:auto}.svf-photo__pony .svf-pony-s{width:20px}.svf-photo__pony .svf-pony-l{width:28px}.svf-hair{width:48px;height:48px;overflow:hidden;background:none}.svf-hair img{display:block;width:100%;height:100%;object-fit:cover}.svf-tile:has(input:checked):after{z-index:1}@media screen and (max-width:749px)and (max-height:640px){.svf-photo{aspect-ratio:16 / 9}.svf-photo__pony{width:32px;height:32px}.svf-hair{width:34px;height:34px}}.svf-q__t{width:100%;box-sizing:border-box}@media screen and (max-width:749px){.svf-photo{aspect-ratio:16 / 10}.svf-hair{width:40px;height:40px}.svf-q{margin-bottom:12px}.svf-q__n{font-size:26px}.svf-inner .svh-modal__head{margin-bottom:10px}.svf-result{padding:8px 10px;margin-bottom:10px}.svf-result__img{width:56px;height:56px}}@media screen and (max-width:749px)and (max-height:640px){.svf-photo{aspect-ratio:2 / 1}.svf-hair{width:30px;height:30px}}@media screen and (max-width:749px)and (max-height:640px){.svf-photo{aspect-ratio:3 / 1;margin-bottom:2px}.svf-photo__pony{display:none}.svf-grid--2 .svf-tile{padding:5px 5px 8px}.svf-q__n{font-size:22px}.svf-q__t{font-size:13.5px;margin-bottom:6px}.svf-tile__s{font-size:11px}}.svf-line{flex-wrap:nowrap;align-items:flex-start}.svf-line__ico{margin-top:2px}.svf-line__txt{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0}
/*# sourceMappingURL=/cdn/shop/t/14/assets/sv-howto.css.map */