body.fasola-atelier .fasola-style-studio{--studio-reveal:100%;background:#f8f6f2;padding-top:32px;padding-bottom:32px}body.fasola-atelier .studio-heading{margin-bottom:22px}body.fasola-atelier .studio-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:0 0 10px}body.fasola-atelier .studio-heading p{margin:0;max-width:700px}body.fasola-atelier .studio-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:32px;align-items:start}body.fasola-atelier .studio-preview{max-width:450px;width:100%;margin:auto}body.fasola-atelier .studio-stage .pin-bag-scene{aspect-ratio:1122/1402;max-height:none;width:100%;position:relative;overflow:hidden;border-radius:6px}body.fasola-atelier .studio-stage .pin-bag-base{width:100%;height:100%;object-fit:cover}body.fasola-atelier .studio-stage .pin-bag-layer{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--studio-reveal)) 0 0)}body.fasola-atelier .studio-compare-label{display:block;font-size:13px;margin-top:12px}body.fasola-atelier .studio-compare{display:block;width:100%;height:40px;accent-color:#e2165e;cursor:ew-resize}body.fasola-atelier .studio-compare-ends{display:flex;justify-content:space-between;font-size:12px}body.fasola-atelier .studio-scale,body.fasola-atelier .studio-bag-note,body.fasola-atelier .studio-lock-help{font-size:12px;line-height:1.5;margin:10px 0;color:#59635e}body.fasola-atelier .studio-controls fieldset{border:0;padding:0;margin:0 0 17px;min-width:0}body.fasola-atelier .studio-controls legend{font-weight:600;font-size:15px;margin-bottom:9px;padding:0}body.fasola-atelier .studio-characters,body.fasola-atelier .studio-colors{display:flex;gap:7px;flex-wrap:wrap}body.fasola-atelier .studio-characters button,body.fasola-atelier .studio-colors button{border:1px solid #ccd4cf;border-radius:22px;background:#fff;min-height:44px;padding:8px 12px;font-size:13px;display:inline-flex;align-items:center;gap:7px;line-height:1.2}body.fasola-atelier .studio-characters button[aria-pressed=true],body.fasola-atelier .studio-colors button[aria-pressed=true]{border-color:#183e36;background:#e4eee8;box-shadow:inset 0 0 0 1px #183e36}body.fasola-atelier .studio-swatch{display:inline-block;width:17px;height:17px;border-radius:50%;border:1px solid #0002;flex-shrink:0}.studio-swatch-ita{background:#b5a0d5}.studio-swatch-sling{background:#ec87b9}.studio-swatch-backpack{background:#2654c3}.studio-swatch-tote{background:#7443b0}.studio-swatch-cross{background:#edc742}body.fasola-atelier .studio-designs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body.fasola-atelier .studio-designs button{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dce0da;border-radius:5px;padding:8px;min-height:60px;text-align:left;font-size:12px;line-height:1.3;min-width:0}body.fasola-atelier .studio-designs button[aria-pressed=true]{border-color:#183e36;box-shadow:inset 0 0 0 1px #183e36}body.fasola-atelier .studio-designs img{width:44px;height:44px;object-fit:contain;flex-shrink:0}body.fasola-atelier .studio-mix{width:100%;min-height:44px}body.fasola-atelier .studio-look{border-top:1px solid #d4d9d2;margin-top:16px;padding-top:14px}body.fasola-atelier .studio-look summary{cursor:pointer;font-weight:600;font-size:17px;min-height:44px}body.fasola-atelier .studio-look-count{font-size:12px;font-weight:400}body.fasola-atelier .studio-look-items{max-height:270px;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}body.fasola-atelier .studio-look-item{background:#fff;border:1px solid #e0e3df;border-radius:4px;padding:8px;display:flex;gap:8px;align-items:center;justify-content:space-between}body.fasola-atelier .studio-look-item label{display:flex;gap:9px;align-items:center;min-width:0;font-size:12px;line-height:1.35}body.fasola-atelier .studio-look-item label span{min-width:0}body.fasola-atelier .studio-look-item input{width:20px;height:20px;flex-shrink:0;accent-color:#183e36}body.fasola-atelier .studio-look-item img{width:40px;height:40px;object-fit:contain;flex-shrink:0}body.fasola-atelier .studio-look-item small{display:block;font-size:11px;color:#59635e;margin-top:4px}body.fasola-atelier .studio-look-item button{flex-shrink:0;max-width:135px;font-size:11px;border:1px solid #d2d9d2;background:#fff;border-radius:18px;min-height:44px;padding:7px 10px}body.fasola-atelier .studio-look-item button[aria-pressed=true]{background:#e4eee8;border-color:#183e36}body.fasola-atelier .studio-selection-tools{display:flex;gap:15px}body.fasola-atelier .studio-selection-tools button{background:none;border:none;text-decoration:underline;min-height:44px;font-size:12px;padding:0}body.fasola-atelier .studio-total{font-size:21px;font-weight:600;margin:14px 0}body.fasola-atelier .studio-add{width:100%;min-height:44px}body.fasola-atelier .studio-status{font-size:13px;margin:10px 0}body.fasola-atelier .studio-held{font-size:12px;line-height:1.5;background:#fff0dc;padding:12px;margin-top:10px}body.fasola-atelier .studio-held[hidden]{display:none}@media(max-width:800px){body.fasola-atelier .studio-layout{grid-template-columns:1fr;gap:22px}body.fasola-atelier .studio-preview{max-width:340px}body.fasola-atelier .fasola-style-studio{padding-top:26px;padding-bottom:26px}body.fasola-atelier .studio-controls{min-width:0}body.fasola-atelier .studio-characters button{flex:1 1 auto}body.fasola-atelier .studio-look-item button{max-width:105px}body.fasola-atelier .studio-designs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){body.fasola-atelier .fasola-style-studio *{transition:none!important;animation:none!important}}body.fasola-atelier .fasola-style-studio{padding:24px max(24px,calc((100% - 980px)/2));scroll-margin-top:85px}body.fasola-atelier .studio-heading{margin-bottom:16px}body.fasola-atelier .studio-heading h2{font-size:clamp(24px,2.3vw,30px)}body.fasola-atelier .studio-heading p{font-size:14px}body.fasola-atelier .studio-layout{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:24px}body.fasola-atelier .studio-preview{max-width:315px;margin:0 auto}body.fasola-atelier .studio-controls fieldset{margin-bottom:10px}body.fasola-atelier .studio-controls legend{font-size:13px;margin-bottom:5px}body.fasola-atelier .studio-designs button{min-height:48px;padding:5px;font-size:11px}body.fasola-atelier .studio-designs img{width:34px;height:34px}body.fasola-atelier .studio-kinds{display:flex;gap:5px;flex-wrap:wrap}body.fasola-atelier .studio-kinds button{min-height:44px;border:1px solid #ccd4cf;border-radius:20px;background:#fff;padding:7px 11px;font-size:12px}body.fasola-atelier .studio-kinds button[aria-pressed=true]{background:#e4eee8;border-color:#183e36}body.fasola-atelier .studio-characters button,body.fasola-atelier .studio-colors button{padding:6px 9px;font-size:12px}body.fasola-atelier .studio-scale{font-size:11px}body.fasola-atelier .studio-look{margin-top:10px;padding-top:7px}@media(max-width:700px){body.fasola-atelier .fasola-style-studio{padding:22px 20px}body.fasola-atelier .studio-layout{grid-template-columns:1fr;gap:16px}body.fasola-atelier .studio-preview{max-width:270px}}body.fasola-atelier .fasola-style-studio{padding-left:max(22px,calc((100% - 1100px)/2));padding-right:max(22px,calc((100% - 1100px)/2))}body.fasola-atelier .studio-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:28px}body.fasola-atelier .studio-preview{max-width:350px}body.fasola-atelier .studio-designs{grid-template-columns:repeat(3,minmax(0,1fr))}body.fasola-atelier .studio-designs button{min-height:64px}body.fasola-atelier .studio-look,body.fasola-atelier .studio-held,body.fasola-atelier .studio-lock-help{display:none!important}@media(max-width:800px){body.fasola-atelier .studio-layout{grid-template-columns:1fr;gap:18px}body.fasola-atelier .studio-preview{max-width:280px}body.fasola-atelier .studio-designs{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/fasola-style-studio.css.map */