.nc-tryon{display:block;font-family:var(--nc-font-family);color:var(--nc-color-ink-900)}.nc-tryon__stage{position:relative;aspect-ratio:620 / 378;overflow:hidden;background:var(--nc-color-model-canvas);border:var(--nc-border-width) solid var(--nc-color-border-200);border-radius:var(--nc-radius-10);box-shadow:var(--nc-elevation-panel)}.nc-tryon__figure{position:absolute;top:4.23%;bottom:8.5%;left:50%;display:flex;align-items:center;justify-content:center;aspect-ratio:220 / 330;max-width:60%;transform:translate(-50%)}@media(max-width:599px){.nc-tryon__stage{aspect-ratio:342 / 440}.nc-tryon__tools{top:12px}.nc-tryon__figure{max-width:56%}}.nc-tryon__image{display:block;width:100%;height:100%;object-fit:contain}.nc-tryon__message{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--nc-space-12);margin:0;padding:var(--nc-space-16);background:var(--nc-color-warm-100);border-radius:var(--nc-radius-8);color:var(--nc-color-muted-600);font-size:var(--nc-font-size-label);line-height:var(--nc-line-height-body);text-align:center}.nc-tryon__message p{margin:0}.nc-tryon[data-status=idle] .nc-tryon__message--idle,.nc-tryon[data-status=loading] .nc-tryon__message--loading,.nc-tryon[data-status=error] .nc-tryon__message--error{display:flex}.nc-tryon[data-status=error] .nc-tryon__message--error{color:var(--nc-color-danger-600);border:2px solid var(--nc-color-danger-600)}.nc-tryon__message--error svg{width:var(--nc-icon-24);height:var(--nc-icon-24)}.nc-tryon__spinner{width:var(--nc-icon-24);height:var(--nc-icon-24);box-sizing:border-box;border:2px solid var(--nc-color-violet-600);border-right-color:transparent;border-radius:50%;animation:nc-tryon-spin .8s linear infinite}@keyframes nc-tryon-spin{to{transform:rotate(360deg)}}.nc-tryon__retry{position:relative;min-height:32px;padding:0 var(--nc-space-16);background:var(--nc-color-surface-000);color:var(--nc-color-ink-900);border:var(--nc-border-width) solid var(--nc-color-border-200);border-radius:var(--nc-radius-6);font:inherit;font-weight:var(--nc-font-weight-semibold);cursor:pointer}.nc-tryon__retry:before{content:"";position:absolute;top:-7px;right:-4px;bottom:-7px;left:-4px}.nc-tryon__tools{position:absolute;top:19.6%;left:18px;z-index:1;display:flex;flex-direction:column;gap:0;padding:var(--nc-space-4) 0;background:var(--nc-color-surface-000);border:var(--nc-border-width) solid var(--nc-color-border-200);border-radius:var(--nc-radius-8)}.nc-tryon__tools .nc-icon-button{width:var(--nc-target-min)}.nc-tryon .nc-tryon__ai{top:auto;bottom:calc(var(--nc-target-min) + var(--nc-space-24));left:22px;display:inline-flex;align-items:center;gap:var(--nc-space-8);padding:var(--nc-space-8) var(--nc-space-12);border-radius:var(--nc-radius-pill);font-size:var(--nc-font-size-label);text-transform:none}.nc-tryon .nc-tryon__ai[hidden]{display:none}.nc-tryon__footer{position:absolute;right:22px;bottom:12px;left:22px;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--nc-space-12)}.nc-tryon__footer-slot{display:flex;flex:none;align-items:center}.nc-tryon__footer-slot[hidden]{display:none}.nc-tryon__retry:focus-visible{outline:var(--nc-focus-ring-width) solid var(--nc-focus-ring-color);outline-offset:var(--nc-focus-ring-offset)}@media(prefers-reduced-motion:reduce){.nc-tryon__image{transition:none}.nc-tryon__spinner{animation-duration:2.4s}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/nc-tryon.css.map */