.co-root{color:#272820;min-height:510px;font-family:var(--font-brand),Arial,Helvetica,sans-serif;background:#f5f3ed;border:1px solid #dedbd2;grid-template-columns:minmax(0,1.4fr) minmax(250px,.65fr);display:grid}.co-stage{outline-offset:-5px;background:#ecdc9b;min-width:0;height:510px;position:relative;overflow:hidden}.co-root--beauty .co-stage{background:#eceee7}.co-root--fashion .co-stage{background:#e8e1d9}.co-canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.co-canvas:active{cursor:grabbing}.co-fallback{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;inset:0}.co-stage-label{z-index:3;letter-spacing:-.04em;color:#303629;pointer-events:none;background:#f2eee3e8;padding:8px 10px;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.1;position:absolute;top:27px;left:29px}.co-stage-label span{letter-spacing:.14em;text-transform:uppercase;margin-top:9px;font-family:Arial,Helvetica,sans-serif;font-size:8px;line-height:1.5;display:block}.co-status{z-index:3;color:#33392c;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#f5f3edeb;max-width:230px;padding:7px 9px;font-size:9px;line-height:1.45;position:absolute;bottom:25px;left:26px}.co-rotation{z-index:4;background:#f6f4eed9;border:1px solid #cfcabf;align-items:center;gap:1px;display:flex;position:absolute;bottom:23px;right:22px}.co-rotation button{color:#2b2e28;min-width:43px;min-height:43px;font:inherit;cursor:pointer;background:0 0;border:0;padding:12px;font-size:10px;line-height:1.2}.co-rotation button:first-child,.co-rotation button:last-child{font-size:19px}.co-rotation button:hover{background:#e4e1d7}.co-copy{border-left:1px solid #dedbd2;flex-direction:column;justify-content:center;align-items:flex-start;padding:57px 35px 35px;display:flex}.co-eyebrow{text-transform:uppercase;letter-spacing:.1em;margin:0 0 25px;font-size:9px;line-height:1.5}.co-title{letter-spacing:-.045em;margin:0 0 19px;font-family:Georgia,Times New Roman,serif;font-size:clamp(29px,3vw,43px);font-weight:400;line-height:1.05}.co-description{max-width:300px;margin:0;font-size:13px;line-height:1.65}.co-variants{border-top:1px solid #d3d0c7;width:100%;margin-top:33px;padding-top:19px}.co-variant-label{justify-content:space-between;gap:15px;margin:0 0 15px;font-size:10px;line-height:1.5;display:flex}.co-variant-label span{font-weight:600}.co-swatches{flex-wrap:wrap;gap:15px;display:flex}.co-swatch{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:8px;min-width:43px;min-height:64px;padding:4px 0 6px;font-size:9px;line-height:1.4;display:flex}.co-swatch>span{outline-offset:4px;border:1px solid #0002;border-radius:50%;width:25px;height:25px;display:block}.co-swatch[aria-pressed=true]>span{outline:1px solid #3d4434}.co-swatch:disabled{cursor:default;opacity:.55}.co-help{max-width:310px;margin:28px 0 0;font-size:10px;line-height:1.65}.co-disclaimer{color:#67675f;max-width:310px;margin:16px 0 0;font-size:9px;line-height:1.65}.co-root button:focus-visible,.co-stage:focus-visible{outline-offset:4px;outline:2px solid #243328}.co-stage:focus-visible{outline-offset:-5px}.co-root .co-title{margin:0 0 19px}.co-root .co-eyebrow{margin:0 0 25px}.co-root .co-description{margin:0}.co-root .co-help{margin:28px 0 0}.co-root .co-disclaimer{margin:16px 0 0}@media (max-width:850px){.co-root{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr)}.co-copy{padding:35px 25px}.co-stage{height:500px}.co-status{font-size:8px;bottom:78px;left:22px}.co-stage-label{top:23px;left:22px}.co-rotation{left:22px;right:auto}.co-title{font-size:34px}}@media (max-width:620px){.co-root{display:block}.co-stage{height:420px}.co-copy{border-top:1px solid #dedbd2;border-left:0;padding:29px 25px}.co-stage-label{font-size:26px}.co-eyebrow{margin-bottom:17px}.co-title{font-size:35px}.co-description{max-width:100%;font-size:13px}.co-variants{margin-top:24px}.co-swatches{gap:24px}.co-status{letter-spacing:0;max-width:120px;bottom:25px;left:20px}.co-rotation{bottom:21px;left:auto;right:16px}.co-rotation button{padding:10px}.co-help{max-width:100%;margin-top:21px}.co-disclaimer{max-width:100%}}@media (max-width:360px){.co-stage{height:380px}.co-status{max-width:230px;bottom:77px}}