.drape-coordinates .co-m-it{display:grid;gap:8px;align-content:start;min-width:0}.drape-coordinates .coordinate-media{position:relative;aspect-ratio:5/7;overflow:hidden;background:var(--grey-3)}.drape-coordinates .coordinate-media img,.drape-coordinates video,.co-arc video{display:block;width:100%;height:100%;object-fit:cover}.drape-coordinates .coordinate-media video,.co-arc video{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain;background:var(--ink);z-index:2}.drape-coordinates .coordinate-has-player>.coordinate-poster,.co-arc .coordinate-has-player>.bg,.co-arc .coordinate-has-player>.rcap,.co-arc .coordinate-has-player>.hint{visibility:hidden}.drape-coordinates .coordinate-fallback{font-size:12px;text-underline-offset:3px;justify-self:start}.drape-coordinates [hidden],.co-arc [hidden]{display:none!important}.drape-coordinates .co-m-it>.lbl{margin-top:4px}.drape-coordinates .co-m-it>.body{margin:0;font-size:12px;color:var(--grey-1);overflow-wrap:anywhere}.drape-coordinates .mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}.drape-coordinates .mini a{display:grid;gap:4px;min-width:0}.drape-coordinates .mini img,.drape-coordinates .coordinate-image-empty{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:var(--grey-3)}.drape-coordinates .mini .now{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.06em}.drape-coordinates .coordinate-product-name{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.drape-coordinates .coordinate-transcript,.co-arc .coordinate-transcript{font-size:12px;line-height:1.7;overflow-wrap:anywhere}:is(.drape-coordinates,.co-arc) .coordinate-transcript summary{cursor:pointer;padding:8px 0}:is(.drape-coordinates,.co-arc) .coordinate-transcript>div{max-height:24vh;overflow:auto;padding:8px}:is(.drape-coordinates,.co-arc) .coordinate-error{position:absolute;inset:auto 0 0;background:var(--ink);color:var(--paper);padding:12px;z-index:4;font-size:12px;text-align:center}:is(.drape-coordinates,.co-arc) .coordinate-error p{margin:0 0 6px}:is(.drape-coordinates,.co-arc) .coordinate-error button{background:var(--paper);color:var(--ink);border:0;padding:8px 16px;min-height:44px;cursor:pointer}.drape-coordinates :is(a,button,summary,video):focus-visible,.co-arc :is(a,button,summary,video):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.co-arc .co-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent;border:0;cursor:pointer;color:inherit}.co-arc .co-track{pointer-events:none}.sb-pin.co-on .co-arc .co-it{pointer-events:auto}.co-arc .co-it.zoom .co-open{display:none}.co-arc .co-close{z-index:4;min-width:32px;min-height:32px}.co-arc .co-information{position:absolute;left:50%;top:calc(30% + clamp(210px,21vw,308px)*1.35);transform:translate(-50%);width:min(420px,45vw);z-index:205;background:var(--ink);color:var(--paper);text-align:center}.co-arc .co-information:empty{display:none}.rk-hero.co{z-index:1}.rk-hero.co .co-pause{position:absolute;left:calc(100% + 12px);bottom:0;transform:scale(calc(1 / var(--hsc,1)));transform-origin:left bottom;background:transparent;border:1px solid currentColor;color:inherit;padding:6px 12px;min-height:32px;cursor:pointer;font:10px var(--mono);margin-top:0;pointer-events:auto}@media(min-width:861px){.drape-coordinates .co-m{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.drape-coordinates.related{padding:80px 0;border-top:1px solid var(--grey-3)}.drape-coordinates.related .coordinate-body{padding:0}.drape-coordinates .ch-head{margin-bottom:32px}.drape-home:not(.is-motion-desktop) #coords{padding:100px var(--gut)}.drape-home:not(.is-motion-desktop) #coords .coordinate-body{padding:0}}@media(max-width:860px){.drape-coordinates.related{padding:48px 0}.drape-coordinates.related .coordinate-body{padding:0}.drape-coordinates.related .ch-head{margin-bottom:28px}.drape-coordinates .co-m{align-items:flex-start}}.co-arc .co-it.zoom.is-closing .co-open{display:block}.co-arc .co-it.is-closing .co-close{display:none}.co-arc .co-prod .cell .meta{grid-template-columns:minmax(0,1fr);min-width:0;overflow-wrap:anywhere}.co-arc .co-prod .cell .price{flex-wrap:wrap;row-gap:2px}.co-arc .co-rel.open .co-prod.snap{transition:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/drape-coordinates.css.map */