@charset "UTF-8";
@layer reset, base, app.base;
.z_Sofa_grid{--cell-size:48px;grid-template-columns:repeat(10,1fr);gap:16px;display:grid}@media (max-width:640px){.z_Sofa_grid{--cell-size:44px;gap:12px;position:absolute;left:50%;transform:translate(-50%)}}.z_Sofa_wrapper{height:240px;position:relative}@media (max-width:640px){.z_Sofa_wrapper{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%)}}.z_Sofa_circle{height:var(--cell-size);aspect-ratio:1;border:1px dashed var(--color-border-tertiary);opacity:.75;border-radius:50%}.z_Sofa_shape{width:100%;height:100%;position:absolute}.z_Sofa_rectangle{border:1px solid var(--color-border-secondary);--stripes-radius:8px;border-radius:12px}.z_Sofa_circleShape{border:1px solid var(--color-border-secondary);--stripes-radius:9999px;border-radius:50%}.z_Sofa_smallCircles,.z_Sofa_smallRectangles{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.z_Sofa_smallRectangle{border:1px solid var(--color-border-secondary);--stripes-radius:8px;border-radius:8px;width:100%;position:relative}.z_Sofa_smallRectangle .z_Sofa_stripes{background-image:repeating-linear-gradient(45deg, var(--color-border-tertiary) 0px, var(--color-border-tertiary) 1px, transparent 1px, transparent 5px)}.z_Sofa_smallCircle{border:1px solid var(--color-border-secondary);--stripes-radius:9999px;border-radius:50%;width:100%;position:relative}.z_Sofa_smallCircle .z_Sofa_stripes{background-image:repeating-linear-gradient(45deg, var(--color-border-tertiary) 0px, var(--color-border-tertiary) 1px, transparent 1px, transparent 5px)}.z_Sofa_semiCircle{border:1px solid var(--color-border-secondary);--stripes-radius:24px 24px 2px 2px;border-radius:24px 24px 4px 4px}.z_Sofa_semiCircle.z_Sofa_semiCircleRotated{transform:rotate(180deg)}.z_Sofa_halfCircle{border:1px solid var(--color-border-secondary);width:50%;height:100%;display:inline-block;position:relative}.z_Sofa_halfCircle.z_Sofa_halfCircleRight,.z_Sofa_halfCircle.z_Sofa_halfCircleInwards:first-of-type{--stripes-radius:0 24px 24px 0;border-radius:0 24px 24px 0}.z_Sofa_halfCircle.z_Sofa_halfCircleInwards:last-of-type{--stripes-radius:24px 0 0 24px;border-radius:24px 0 0 24px}.z_Sofa_halfCircle .z_Sofa_stripes{top:3px;left:3px}.z_Sofa_stripes{background-image:repeating-linear-gradient(45deg, var(--color-border-tertiary) 0px, var(--color-border-tertiary) 1px, transparent 1px, transparent 6px);border-radius:var(--stripes-radius);opacity:.6;position:absolute;inset:4px}.z_Sofa_shapeWrapper{width:var(--cell-size);height:var(--cell-size);cursor:pointer;background:0 0;border:none;border-radius:6px;margin:0 auto;padding:0;transition:filter .2s;position:relative}.z_Sofa_shapeWrapper:hover{filter:brightness(200%)}.z_Sofa_shapeWrapper>div{width:100%;height:100%}