@font-face{font-family:Iwata Maru Gothic W55;src:url(./IwataMaruGothicW55-M.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--nb-local-mobile-vh: 100vh}@supports (height: 100dvh){:root{--nb-local-mobile-vh: 100dvh}}.nail-builder{font-family:Iwata Maru Gothic W55,Avenir Next,Hiragino Kaku Gothic ProN,Segoe UI,sans-serif!important;font-weight:400;letter-spacing:.01em;--nb-bg-primary: #f8f9f6;--nb-bg-secondary: #eeedee;--nb-text-primary: #000000;--nb-text-secondary: #666666;--nb-border: rgba(0, 0, 0, .1);--nb-accent: #5f11f5}.nail-builder__mobile-tool,.nail-builder__mobile-selector,.nail-builder__mobile-option{border-radius:9px;box-shadow:none!important;background-image:none!important}.nail-builder__mobile-selector{display:inline-flex;align-items:center;justify-content:center;padding:.24rem .58rem;min-height:27px;min-width:58px;flex:0 0 auto;text-transform:lowercase;font-size:.56rem;font-weight:600;letter-spacing:.01em;border:none;background:var(--nb-bg-secondary);color:var(--nb-text-primary)}.nail-builder__mobile-selector:after{content:none}.nail-builder__mobile-row--tools{gap:.3rem}.nail-builder__mobile-tool{width:29px;height:29px;background:var(--nb-bg-secondary);border:none;color:var(--nb-text-primary)}.nail-builder__mobile-tool[data-action=screenshot]{background:var(--nb-bg-secondary);color:var(--nb-text-primary)}.nail-builder__mobile-tool svg{width:12px;height:12px}.nail-builder__mobile-color-shell{display:inline-flex;align-items:center;gap:.16rem;background:var(--nb-bg-secondary);border-radius:10px;padding:.18rem .28rem;min-height:28px;overflow:visible;position:relative}.nail-builder__mobile-color-scroll{display:flex;align-items:center;gap:.28rem;overflow-x:auto;overflow-y:visible;padding:.02rem .08rem;scrollbar-width:none}.nail-builder__mobile-color-scroll::-webkit-scrollbar{display:none}.nail-builder__mobile-color-selected-indicator{--nb-selected-swatch-color: #d4bfb0;position:absolute;top:50%;left:0;width:11px;height:11px;border-radius:999px;background:var(--nb-selected-swatch-color);border:1px solid rgba(0,0,0,.36);box-shadow:0 0 0 1px #ffffffc2,0 2px 5px #0000002e;transform:translate(-50%,-50%) scale(.8);transform-origin:center;opacity:0;pointer-events:none;z-index:3;transition:opacity .14s ease,transform .14s ease}.nail-builder__mobile-color-selected-indicator.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.nail-builder__mobile-color-arrow{width:22px;height:22px;border:none;border-radius:8px;background:var(--nb-bg-secondary);color:var(--nb-text-secondary);font-size:.9rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.nail-builder__mobile-color-arrow[disabled]{opacity:.35;cursor:default}.nail-builder__mobile-color-swatch{width:20px;height:20px;border-radius:6px;border:1px solid rgba(0,0,0,.1);outline:none!important;box-shadow:none!important}.nail-builder__mobile-color-swatch.active{outline:none!important;box-shadow:none!important;border:2px solid var(--nb-accent)!important;transform:none!important}.nail-builder__mobile-color-picker input[type=color]{width:20px;height:20px;border-radius:6px;border:1px solid rgba(0,0,0,.24);padding:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.nail-builder__mobile-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.nail-builder__mobile-color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}.nail-builder__mobile-color-picker input[type=color]::-moz-color-swatch{border:none;border-radius:5px}.nail-builder__mobile-color-picker--detached{display:none!important}.nail-builder__mobile-dropdown-content{border-radius:16px}.nail-builder__mobile-dropdown-content--base-editor{padding:.62rem}.nail-builder__mobile-base-title{font-size:.52rem;font-weight:600;letter-spacing:.06em}.nail-builder__mobile-base-modes{gap:.28rem}.nail-builder__mobile-base-mode{border:none;border-radius:9px;min-height:30px;font-size:.54rem;font-weight:600}.nail-builder__mobile-base-mode.active{box-shadow:inset 0 0 0 1px #5f11f529}.nail-builder__mobile-base-split,.nail-builder__mobile-gradient-editor{border:none;border-radius:12px;background:var(--nb-bg-secondary);padding:.5rem}.nail-builder__mobile-base-split-row,.nail-builder__mobile-base-split-label,.nail-builder__mobile-gradient-head,.nail-builder__mobile-gradient-colors label{font-weight:600}.nail-builder__mobile-switch{border:none;border-radius:999px;background:#d6d5de;width:38px;height:20px}.nail-builder__mobile-switch span{border-radius:999px;top:2px;left:2px;width:16px;height:16px}.nail-builder__mobile-switch.active{background:#5f11f5}.nail-builder__mobile-midpoint-toggle{border:none;border-radius:8px;background:#dddce0;color:#4f4f58;padding:.24rem .48rem;font-size:.5rem;font-weight:600}.nail-builder__mobile-midpoint-toggle.active{background:#5f11f526;color:#4b0ed0}.nail-builder__mobile-gradient-colors input[type=color]{border:1px solid rgba(0,0,0,.14);border-radius:8px;height:28px}.nail-builder__mobile-french-tip-controls{border:none;border-radius:12px;background:var(--nb-bg-secondary);padding:.5rem}.nail-builder__mobile-french-tip-label{font-size:.54rem;font-weight:600}.nail-builder__mobile-tool--accent.is-active{background:#dddce0;color:#000}.nail-builder__depth-meter{display:none;align-items:center;grid-template-columns:34px minmax(0,1fr);column-gap:.26rem;min-height:29px;width:154px;min-width:154px;padding:.14rem .3rem;border-radius:9px;background:var(--nb-bg-secondary);box-sizing:border-box}.nail-builder__depth-meter.is-open{display:inline-grid}.nail-builder__depth-value{font-size:.52rem;font-weight:600;color:var(--nb-text-secondary);min-width:0;text-align:center;letter-spacing:.01em;justify-self:stretch}.nail-builder__depth-meter input[type=range]{width:100%;height:12px;margin:0;display:block}.nail-builder__depth-meter input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(180deg,#00000029,#00000047);box-shadow:inset 0 0 0 1px #ffffff42}.nail-builder__depth-meter input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(180deg,#00000029,#00000047);border:none;box-shadow:inset 0 0 0 1px #ffffff42}.nail-builder__mobile-front-preview{display:none}@media(min-width:901px){.nail-builder{width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}.nail-builder__container{height:100%;min-height:100%;overflow:hidden}.nail-builder__header{position:absolute;inset:0 0 auto 0;z-index:30;padding:.95rem 1.2rem .5rem;background:transparent;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.nail-builder__desktop-brand{display:inline-flex;align-items:center;min-width:0;max-width:min(42vw,240px);pointer-events:none}.nail-builder__desktop-logo{display:block;width:auto;max-width:100%;height:auto;max-height:clamp(26px,3vw,40px);object-fit:contain}.nail-builder__header-left,.nail-builder__header-actions,.nail-builder__header-spacer{display:none!important}.nail-builder__main{height:100%;min-height:0}.nail-builder__controls,.nail-builder__editor{display:none!important}.nail-builder__stage{position:relative;height:100%;overflow:hidden;padding-bottom:8.05rem}.nail-builder__hand-stage{padding:4.2rem 2rem 4.5rem}.nail-builder__hand-wrapper{max-width:min(42vw,390px)}.nail-builder__nail-strip{position:absolute;left:clamp(2.5rem,9vw,9.5rem);bottom:2.55rem;z-index:22;padding:0;gap:.64rem;background:transparent}.nail-builder__nail-strip-preview{width:34px;height:50px;border-radius:999px;background:transparent}.nail-builder__nail-strip-label{display:none}.nail-builder__nail-strip-item{gap:0}.nail-builder__apply-all-btn{border-radius:8px;height:26px;padding:0 .55rem}.nail-builder__mobile-bar{display:flex;position:absolute;right:clamp(2.5rem,7vw,7rem);bottom:clamp(2.4rem,4.5vh,3.1rem);left:auto;width:min(560px,48vw);z-index:25;border:none;padding:0;gap:.48rem;background:transparent;align-items:center}.nail-builder__mobile-row{width:fit-content;max-width:100%;justify-content:center;gap:.42rem}.nail-builder__mobile-row--tools{justify-content:center}.nail-builder__mobile-row--selectors{overflow:visible;justify-content:center;gap:.38rem}.nail-builder__mobile-row--colors{justify-content:center}.nail-builder__mobile-selector{min-height:29px;min-width:64px;padding:.22rem .68rem}.nail-builder__mobile-tool{width:29px;height:29px}.nail-builder__mobile-tool svg{width:14px;height:14px}.nail-builder__mobile-color-shell{min-height:30px;padding:.2rem .32rem}.nail-builder__mobile-color-scroll{max-width:272px;padding:0}.nail-builder__mobile-color-arrow[disabled]{display:none}.nail-builder__mobile-color-picker input[type=color]{width:20px;height:20px}.nail-builder__depth-meter{width:164px;min-width:164px}.nail-builder__mobile-front-preview{position:absolute;left:calc(100% + 1rem);top:54%;transform:translateY(-50%);width:66px;height:118px;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;cursor:grab;z-index:26;border-radius:999px;background:#fffc;box-shadow:0 10px 22px #0000001f;border:1px solid rgba(0,0,0,.08)}.nail-builder__mobile-front-preview.is-selected{box-shadow:0 0 0 2px #5f11f538,0 12px 24px #00000029;border-color:#5f11f573}.nail-builder__mobile-front-preview:active{cursor:grabbing}.nail-builder__mobile-front-preview canvas{width:100%;height:100%;display:block;border-radius:inherit}.nail-builder__mobile-dropdown-content{left:auto;right:clamp(2.5rem,7vw,7rem);width:min(500px,calc(100vw - 5rem));bottom:7.55rem;max-height:50vh;grid-template-columns:repeat(3,minmax(0,1fr))}.nail-builder__toast{bottom:7.3rem}}@media(max-width:900px){html,body{overflow:hidden;height:var(--nb-local-mobile-vh)}.nail-builder,.nail-builder__container{width:100%;height:var(--nb-local-mobile-vh);min-height:var(--nb-local-mobile-vh);overflow:hidden}.nail-builder__header{padding:.5rem .72rem}.nail-builder__header-title{font-size:.8rem;letter-spacing:.3em}.nail-builder__main{height:calc(var(--nb-local-mobile-vh) - var(--nb-mobile-header-height))}.nail-builder__stage{height:calc(var(--nb-local-mobile-vh) - var(--nb-mobile-header-height) - var(--nb-mobile-bar-height));min-height:0}.nail-builder__hand-stage{padding:.95rem .9rem .35rem;align-items:center;justify-content:center}.nail-builder__hand-wrapper{max-width:min(66vw,300px);max-height:none}.nail-builder__mobile-bar{bottom:calc(env(safe-area-inset-bottom) + 10px);padding:.16rem .4rem .2rem;gap:.16rem;border-top:none;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.nail-builder__mobile-row--selectors{gap:.2rem;justify-content:center;overflow-x:auto;scrollbar-width:none}.nail-builder__mobile-row--selectors::-webkit-scrollbar{display:none}.nail-builder__mobile-row--colors{gap:.18rem;justify-content:center;width:fit-content;margin:0 auto;padding:0;min-height:30px;overflow:visible}.nail-builder__mobile-color-scroll{flex:0 0 auto;max-width:min(54vw,210px)}.nail-builder__mobile-front-preview{position:absolute;left:95%;top:79%;transform:translateY(-50%);width:54px;height:96px;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;cursor:grab;z-index:8;border-radius:999px;background:#ffffffc7;box-shadow:0 8px 18px #0000001f;border:1px solid rgba(0,0,0,.08)}.nail-builder__mobile-front-preview.is-selected{box-shadow:0 0 0 2px #5f11f538,0 10px 22px #00000026;border-color:#5f11f573}.nail-builder__mobile-front-preview:active{cursor:grabbing}.nail-builder__mobile-front-preview canvas{width:100%;height:100%;display:block;border-radius:inherit}.nail-builder__mobile-dropdown-content{left:.55rem;right:.55rem;bottom:calc(var(--nb-mobile-bar-height) + env(safe-area-inset-bottom));max-height:45vh}.nail-builder__toast{bottom:calc(var(--nb-mobile-bar-height) + env(safe-area-inset-bottom) + .55rem)}}@media(max-width:600px){.nail-builder__mobile-selector{min-width:60px;padding:.24rem .52rem;font-size:.56rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mobile-redesign.css.map */