.pa-atelier{grid-template-columns:255px minmax(0,1fr);gap:34px;padding:30px;background:#f3f2f9;border:1px solid #e6e3f1;border-radius:8px;align-items:start}.pa-atelier-controls{min-width:0}.pa-atelier-controls label{margin-bottom:22px;color:var(--pa-navy)}.pa-atelier-controls select{font-size:13px;padding:12px 9px;min-height:48px;color:var(--pa-navy)}.pa-atelier-stage{background:transparent;min-width:0;display:block}[data-pa-stroke-stage]{background:#fffefa;border:1px solid #e7e3d9;border-radius:5px;padding:20px 22px 18px;box-shadow:0 8px 30px #08008b06;--pa-paint:#08008b}.pa-study-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.pa-study-top .pa-eyebrow{font-size:9px;margin:0;white-space:nowrap}.pa-study-top [data-pa-study-phase]{font-size:11px;color:#6c6680;text-align:right}.pa-paint-study{display:block;width:100%;margin:12px 0 0;overflow:visible;max-height:370px}.pa-study-tools{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #ebe6dc}.pa-study-colors{display:flex;gap:8px}.pa-study-color{width:44px;height:44px;border:9px solid #fffefa;outline:1px solid transparent;border-radius:50%;background:var(--swatch);padding:0;cursor:pointer}.pa-study-color[aria-pressed=true]{outline-color:var(--swatch)}.pa-study-color:focus-visible{outline:3px solid #08008b;outline-offset:3px}.pa-study-replay{font-size:12px!important;min-height:44px!important;padding:10px 14px!important}.pa-study-timeline{display:block;margin-top:19px;color:#686171;font-size:11px}.pa-study-timeline>span{display:flex;justify-content:space-between;gap:10px}.pa-study-timeline output{font-variant-numeric:tabular-nums;color:#08008b}.pa-study-timeline input{width:100%;accent-color:#08008b;cursor:ew-resize;min-height:32px;margin:4px 0 0}.pa-study-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.pa-study-step{background:#fff9;border:1px solid #e1ddec;color:#4c4861;text-align:left;font:inherit;font-size:12px;line-height:1.55;display:flex;gap:11px;padding:13px;cursor:pointer;border-radius:4px;min-width:0}.pa-study-step>span:first-child{border:1px solid #c9c3de;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;color:#08008b}.pa-study-step.is-active{background:#fff;border-color:#b4addb;color:#08008b}.pa-study-step.is-active>span:first-child{background:#08008b;color:#fff;border-color:#08008b}.pa-study-step:focus-visible{outline:3px solid #08008b;outline-offset:3px}.pa-atelier-stage .pa-study-note{font-size:12px;line-height:1.65;text-align:left;padding:0;margin:13px 0 0;color:#686171}.pa-atelier-stage [data-pa-atelier-source]{font-size:12px;text-align:left;margin-top:17px}.pa-atelier-scene{font-size:13px!important;min-height:44px!important}.pa-atelier-scene .fi-button__icon{font-size:18px}.pa-scene-related{display:block;font-size:11px;margin-bottom:10px}.pa-scene-lesson{display:inline-block;margin:10px 0 0 13px;font-size:11px}.pa-video-scene-note{font-size:13px;color:#625d6b}.pa-video-dialog .pa-video-frame{aspect-ratio:16/9;min-height:0}.pa-video-dialog iframe{width:100%;height:100%;border:0}@media(max-width:999px){.pa-atelier{grid-template-columns:210px minmax(0,1fr);gap:22px;padding:23px}.pa-study-tools{align-items:flex-start;flex-direction:column}.pa-study-steps{grid-template-columns:1fr}.pa-study-top{align-items:flex-start;flex-direction:column;gap:6px}.pa-study-top [data-pa-study-phase]{text-align:left}}@media(max-width:749px){.pa-atelier{grid-template-columns:1fr;padding:20px;gap:12px}.pa-atelier-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.pa-atelier-controls .pa-small{grid-column:1/-1;margin:0 0 16px}.pa-atelier-controls select{max-width:100%;font-size:12px}.pa-study-tools{flex-direction:row;align-items:center}.pa-paint-study{max-height:300px}.pa-study-top{flex-direction:row}.pa-study-top [data-pa-study-phase]{text-align:right}}@media(max-width:449px){.pa-atelier{padding:14px;gap:8px}.pa-atelier-controls{grid-template-columns:1fr}.pa-atelier-controls label{margin-bottom:15px}.pa-atelier-controls .pa-small{font-size:11px}.pa-atelier-controls select{font-size:13px}.pa-study-tools{flex-direction:column;gap:12px}.pa-study-replay{width:100%;justify-content:space-between}.pa-study-top{flex-direction:column}.pa-study-top [data-pa-study-phase]{text-align:left}[data-pa-stroke-stage]{padding:16px 14px}.pa-study-step{font-size:12px;padding:11px}.pa-scene-lesson{margin-left:0}.pa-atelier-scene{width:100%;font-size:12px!important;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.pa-paint-study *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/panart-atelier.css.map */