.onna-rope-configurator{margin:2.4rem 0;padding:1.8rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:1.2rem;background:rgba(var(--color-background),.55)}.onna-rope-configurator__intro h2{margin:0 0 .6rem;font-size:1.8rem}.onna-rope-configurator__intro p{margin:0 0 1.6rem;color:rgba(var(--color-foreground),.72);font-size:1.35rem}.onna-rope-configurator__preview{text-align:center;margin-bottom:1.8rem}.onna-rope-configurator__preview svg{display:block;width:min(100%,31rem);height:auto;margin:0 auto}.onna-rope-configurator__selection{margin:.8rem 0 0;font-size:1.3rem}.onna-rope-configurator__swatches{margin:0;padding:1.2rem;border:0}.onna-rope-configurator__swatches legend{padding:0 .4rem;font-weight:600;font-size:1.35rem}.onna-rope-configurator__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.onna-rope-swatch{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.7rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:.8rem;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.onna-rope-swatch:hover,.onna-rope-swatch:focus-visible{border-color:rgb(var(--color-foreground))}.onna-rope-swatch[aria-pressed=true]{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.16)}.onna-rope-swatch__sample{display:block;width:2.6rem;height:2.6rem;border-radius:.5rem;background:repeating-linear-gradient(135deg,transparent 0 .4rem,var(--swatch-shadow) .4rem .58rem,transparent .58rem .86rem),var(--swatch-color);box-shadow:inset 0 0 0 .1rem #0000002e}.onna-rope-swatch__name{font-size:1.25rem}.onna-rope-swatch__ref{font-size:1.15rem;font-weight:600;white-space:nowrap}@media screen and (max-width:749px){.onna-rope-configurator__grid{grid-template-columns:1fr}}.onna-rope-photo-preview{position:relative;width:min(100%,31rem);margin:0 auto;line-height:0;overflow:hidden}.onna-rope-photo-preview img{display:block;width:100%;height:auto}.onna-rope-photo-canvas{display:none;width:100%;height:auto;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/30/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAI */