.material-sheet{--petal-lavender:rgb(211 64 74);position:relative;isolation:isolate;width:100%;max-width:1536px;aspect-ratio:1536/1086;margin:24px auto;background:#fff;color:#333;container-type:inline-size}
.material-map,.material-art,.material-transition{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.material-art{clip-path:inset(0 71.35% 0 0)}
.material-transition{width:28.645833%;object-fit:fill}
.material-transition[hidden]{display:none}
.material-label{position:absolute;left:3%;width:25%;text-align:center;font-size:clamp(9px,1.05cqw,16px);font-weight:400;letter-spacing:.045em;margin:0;line-height:1.25}
.material-label-top{top:49%}.material-label-bottom{top:88%}
.material-next{position:absolute;bottom:1.8%;left:50%;transform:translateX(-50%)}
.material-next:disabled{cursor:wait}
@media(max-width:700px){.material-sheet{margin:12px auto}.material-next{bottom:0;width:44px;height:44px}.material-next canvas{width:36px;height:36px}}

.material-map-caption{position:absolute;left:32%;width:64%;top:91%;margin:0;text-align:center;font-size:clamp(9px,1.05cqw,16px);font-weight:400;line-height:1.25;letter-spacing:.045em}