.rt-oc{--oc-paper:var(--surface);--oc-edge:color-mix(in srgb, var(--fg) 10%, transparent);text-align:center;max-width:740px;margin-inline:auto}.rt-oc-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;display:grid}.rt-oc[data-count="4"]{max-width:600px}.rt-oc[data-count="4"] .rt-oc-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px}.rt-oc-item{--oc-wash:color-mix(in srgb, var(--tint) 10%, var(--oc-paper));min-width:0;color:var(--fg-2);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--ob-feedback) var(--control-ease), color var(--ob-feedback) var(--control-ease);background:0 0;border:0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px 10px;display:flex;position:relative}.rt-oc-item[aria-pressed=true]{background:var(--ob-selected);color:var(--fg)}.rt-oc-label{font-size:var(--t-body);line-height:1.35;font-weight:var(--w-name);letter-spacing:-.015em;text-wrap:balance}.rt-oc-check{background:var(--accent);width:18px;height:18px;color:var(--on-accent);opacity:0;transition:opacity var(--control-move) var(--control-ease), transform var(--control-move) var(--control-ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px;transform:scale(.85)}[aria-pressed=true]>.rt-oc-check{opacity:1;transform:none}.rt-oc-art{flex-shrink:0;width:136px;height:108px;display:block;position:relative}.rt-oc-object{width:136px;height:108px;color:var(--tint);transition:transform var(--ob-object-move) var(--control-ease);transform-origin:50% 65%;display:block;position:relative}.rt-oc-object-back,.rt-oc-object-front{border:1px solid var(--oc-edge);background:var(--oc-paper);transition:transform var(--ob-object-move) var(--control-ease);border-radius:12px;position:absolute}.rt-oc-object-back{background:var(--oc-wash);inset:7px 9px 9px 13px;transform:rotate(-6deg)}.rt-oc-object-front{box-shadow:var(--pick-shadow);inset:10px 10px 6px;transform:rotate(2deg)}@media (hover:hover){.rt-oc-item:hover{color:var(--fg)}.rt-oc-item:hover .rt-oc-object{transform:translateY(-3px)}.rt-oc-item:hover .rt-oc-object-front{transform:rotate(0)}.rt-oc-item:hover .rt-oc-object-back{transform:rotate(-4deg)}}.rt-oc-item:active .rt-oc-object{transition-duration:var(--motion-press);transform:translateY(-1px)scale(.985)}.rt-oc-window-bar{border-bottom:1px solid var(--line);gap:4px;padding:8px 9px;display:flex}.rt-oc-window-bar i{background:var(--line-2);border-radius:50%;width:4px;height:4px}.rt-oc-window-bar i:first-child{background:var(--tint)}.rt-oc-window-body{align-items:center;gap:10px;padding:9px 11px;display:flex}.rt-oc-window-body>span{flex:1;gap:5px;display:grid}.rt-oc-window-body i,.rt-oc-window-bottom i{background:var(--line-2);border-radius:2px;height:3px}.rt-oc-window-body i:last-child{width:65%}.rt-oc-window-bottom{gap:6px;padding:0 11px;display:flex}.rt-oc-window-bottom i{background:var(--oc-wash);width:23px;height:7px}.rt-oc-window-bottom i:first-child{background:var(--tint)}.rt-oc-chart-top{justify-content:space-between;align-items:center;padding:9px 10px 0;display:flex}.rt-oc-chart-top>i{background:var(--line-2);border-radius:2px;width:24px;height:4px}.rt-oc-chart-bars{align-items:end;gap:7px;height:55px;padding:0 12px 7px;display:flex}.rt-oc-chart-bars i{background:color-mix(in srgb, var(--tint) 25%, var(--oc-paper));border-radius:3px 3px 1px 1px;flex:1}.rt-oc-chart-bars i:last-child{background:var(--tint)}[data-object=broadcast] .rt-oc-object-back{border-radius:50%;inset:8px 22px 4px}[data-object=broadcast] .rt-oc-object-front{border-radius:50%;inset:7px 20px 5px}.rt-oc-record{border:1px solid var(--line-2);background:var(--oc-wash);border-radius:50%;place-items:center;display:grid;position:absolute;inset:8px}.rt-oc-record>i{border:1px solid color-mix(in srgb, var(--tint) 17%, transparent);border-radius:50%;position:absolute;inset:6px}.rt-oc-record>i:nth-child(2){inset:13px}.rt-oc-record>span{background:var(--oc-paper);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}[data-object=pages] .rt-oc-object-front{border-radius:7px 14px 7px 7px;inset:1px 29px}[data-object=pages] .rt-oc-object-back{border-radius:7px;inset:3px 28px 4px}.rt-oc-document-icon{padding:12px 11px 8px;display:block}.rt-oc-document-lines{gap:6px;padding:0 11px;display:grid}.rt-oc-document-lines i{background:var(--line-2);border-radius:2px;height:3px}.rt-oc-document-lines i:nth-child(2){background:color-mix(in srgb, var(--tint) 38%, transparent)}.rt-oc-document-lines i:last-child{width:60%}.rt-oc-document-tab{background:var(--tint);border-radius:2px;width:9px;height:20px;position:absolute;top:18px;right:-5px}[data-object=calendar] .rt-oc-object-front{inset-inline:23px}[data-object=calendar] .rt-oc-object-back{inset-inline:25px}.rt-oc-calendar-bar{border-bottom:1px solid var(--line-2);justify-content:space-between;height:24px;margin:0 14px;display:flex}.rt-oc-calendar-bar i{background:var(--tint);border-radius:3px;width:4px;height:11px;margin-top:-4px}.rt-oc-calendar-grid{grid-template-columns:repeat(4,1fr);gap:5px;padding:10px;display:grid}.rt-oc-calendar-grid i{background:var(--line);border-radius:3px;place-items:center;height:12px;display:grid}.rt-oc-calendar-grid i[data-highlight]{background:var(--tint);color:var(--tab-group-ink)}[data-object=mail] .rt-oc-object-back{inset:25px 13px 8px}[data-object=mail] .rt-oc-object-front{background:var(--oc-wash);inset:27px 11px 7px}.rt-oc-letter{background:var(--oc-paper);border:1px solid var(--line-2);border-radius:6px;align-content:start;gap:6px;padding:13px 12px;display:grid;position:absolute;inset:-18px 10px 18px}.rt-oc-letter i{background:var(--line-2);border-radius:2px;height:3px}.rt-oc-letter i:last-child{width:60%}.rt-oc-envelope{background:color-mix(in srgb, var(--tint) 16%, var(--oc-paper));clip-path:polygon(0 0,50% 45%,100% 0,100% 100%,0 100%);border-radius:10px;position:absolute;inset:0}.rt-oc-mail-mark{border:3px solid var(--bg);background:var(--tint);width:36px;height:36px;color:var(--tab-group-ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-7px;right:-7px}.rt-oc:is([data-look=b],[data-look=c]),.rt-oc[data-count="4"]:is([data-look=b],[data-look=c]){max-width:760px}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;display:grid}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-item{text-align:left;border-radius:20px;flex-direction:row;justify-content:flex-start;gap:24px;min-height:112px;padding:22px 48px 22px 14px}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-item:before{content:"";background:var(--line);height:1px;transition:opacity var(--control-color) var(--control-ease);position:absolute;bottom:0;left:108px;right:18px}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-item[aria-pressed=true]:before{opacity:0}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-art{width:76px;height:60px}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-object{transform-origin:0 0;scale:.56}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-label{letter-spacing:-.025em;text-wrap:pretty;font-size:23px;line-height:1.3}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-check{width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--line-2);opacity:1;transition:background var(--control-color) var(--control-ease);background:0 0;top:calc(50% - 10px);right:18px;transform:none}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-check svg{opacity:0;transition:opacity var(--control-move) var(--control-ease), transform var(--control-move) var(--control-ease);transform:scale(.8)}.rt-oc:is([data-look=b],[data-look=c]) [aria-pressed=true] .rt-oc-check{background:var(--accent);box-shadow:none}.rt-oc:is([data-look=b],[data-look=c]) [aria-pressed=true] .rt-oc-check svg{opacity:1;transform:none}.rt-oc[data-look=c],.rt-oc[data-count="4"][data-look=c]{max-width:900px}.rt-oc[data-look=c] .rt-oc-item{gap:28px;min-height:150px}.rt-oc[data-look=c] .rt-oc-art{width:112px;height:89px}.rt-oc[data-look=c] .rt-oc-object{scale:.82}.rt-oc[data-look=c] .rt-oc-item:before{left:154px}.rt-oc-window-body>svg{margin:4px;transform:scale(1.35)}.rt-oc-record>span>svg,.rt-oc-document-icon>svg{transform:scale(1.15)}@media (max-width:720px){.rt-oc-options,.rt-oc[data-count="4"] .rt-oc-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rt-oc-item{border-radius:18px;gap:10px;padding:12px 6px}.rt-oc-art{width:122px;height:98px}.rt-oc-object{transform-origin:0 0;scale:.9}.rt-oc-check{width:16px;height:16px;top:8px;right:8px}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-options{grid-template-columns:1fr;gap:8px}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-item{gap:20px;min-height:98px;padding:16px 36px 16px 6px}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-label{font-size:23px}.rt-oc[data-look=b][data-count="6"] .rt-oc-options{gap:6px}.rt-oc[data-look=b][data-count="6"] .rt-oc-item{min-height:84px;padding-block:12px}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-check{right:8px}.rt-oc:is([data-look=b],[data-look=c]) .rt-oc-item:before{left:102px;right:8px}.rt-oc[data-look=c] .rt-oc-item{gap:20px;min-height:132px}.rt-oc[data-look=c] .rt-oc-item:before{left:138px}}@media (prefers-reduced-motion:reduce){.rt-oc-item:hover .rt-oc-object,.rt-oc-item:active .rt-oc-object{transform:none}.rt-oc-item:hover .rt-oc-object-front{transform:rotate(2deg)}.rt-oc-item:hover .rt-oc-object-back{transform:rotate(-6deg)}}