.motif-arch{position:relative;container-type:inline-size}.motif-arch-inner{border-start-start-radius:calc(var(--arch-radius-ratio) * 100cqw);border-start-end-radius:calc(var(--arch-radius-ratio) * 100cqw);position:relative;overflow:hidden}@media (min-width:768px){.motif-arch--outlined{margin:calc(var(--arch-outline-gap) + 1px)}.motif-arch--outlined:after{content:"";inset:calc(-1 * var(--arch-outline-gap));border:1px solid var(--hairline);pointer-events:none;border-start-start-radius:calc(var(--arch-radius-ratio) * 100cqw + var(--arch-outline-gap));border-start-end-radius:calc(var(--arch-radius-ratio) * 100cqw + var(--arch-outline-gap));position:absolute}}.motif-box{border-radius:var(--radius-box);overflow:hidden}.motif-box--bordered{border:1px solid var(--hairline)}.motif-edge{width:100%;height:var(--divider-depth);fill:currentColor;display:block}.motif-edge--page{color:var(--surface-page)}.motif-edge--band{color:var(--surface-band)}.motif-edge--card{color:var(--surface-card)}.motif-edge-curved{display:none}@media (min-width:768px){.motif-edge-curved{display:inline}.motif-edge-flat{display:none}}.motif-edge--persist .motif-edge-curved{display:inline}.motif-edge--persist .motif-edge-flat{display:none}