@layer theme{.sf-dialog:has(.sf-scale){--sf-dialog-max-width:820px;--sf-dialog-padding:20px;--sf-dialog-corner-size:44px;--sf-dialog-corner-shift:-2px;--sf-dialog-title-clear:56px;border:1px solid var(--line);border-radius:4px;max-width:min(820px,100vw - 40px);max-height:calc(100dvh - 24px)}.sf-scale__title{font:400 36px / 1.1 var(--serif);margin:0 0 16px}.sf-scale,.sf-scale__body{flex-direction:column;display:flex}.sf-scale__body{gap:20px}.sf-scale__stage{aspect-ratio:3/2;width:100%;max-width:min(100%,150dvh - 330px);margin:0 auto}.sf-scale__sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sf-scale__sizes[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.sf-scale--set .sf-scale__sizes{align-self:center;width:max-content;max-width:100%}.sf-scale__size{border:1px solid var(--line);border-radius:var(--radius);min-width:0;height:44px;color:var(--ink);font:500 14px / 1.2 var(--sans);white-space:nowrap;cursor:pointer;transition:border-color var(--motion-hover);background:0 0;padding:8px}.sf-scale__size:not(:disabled):hover{border-color:var(--accent)}.sf-scale__size[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.sf-scale__use{width:100%;min-height:48px;margin-top:16px;padding-block:12px;font-size:15px}.sf-dialog:has(.sf-frame-dialog){--sf-dialog-max-width:940px;--sf-dialog-padding:24px;border:1px solid var(--line);border-radius:4px}.sf-frame-dialog__title{color:var(--ink);font:400 36px / 1.1 var(--serif);margin:0 0 16px}.sf-frame-dialog__intro{font:400 15px / 1.5 var(--sans);margin:0 0 16px}.sf-frame-dialog__card{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:0 0}.sf-frame-dialog__card:hover{border-color:var(--accent)}.sf-frame-dialog__card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sf-frame-dialog__photo{background:#fff;height:min(36dvh,320px)}.sf-frame-dialog__name{font:400 14px / 1.4 var(--sans);padding:13px 12px}.sf-frame-dialog__name b,.sf-frame-dialog__name strong,.sf-frame-dialog__summary b{font-weight:500}.sf-frame-dialog__spec{border-top:1px solid var(--line);margin:16px 0 0;padding-top:14px}.sf-frame-dialog__spec dt{color:var(--muted);margin-bottom:5px;font-size:12px}.sf-frame-dialog__spec dd{font:500 14px / 1.3 var(--sans)}.sf-frame-dialog__foot{border-top:1px solid var(--line);align-items:center;margin-top:16px;padding-top:16px}.sf-frame-dialog__summary{font-size:14px;line-height:1.4}.sf-frame-dialog__summary b{margin-top:3px;display:block}.sf-frame-dialog__apply{flex:0 280px;min-height:48px;font-size:15px}@media (width<=760px){.sf-dialog:has(.sf-scale){--sf-dialog-phone-padding:12px 16px 16px;--sf-dialog-phone-corner-shift:-4px;width:100vw;max-width:100vw;max-height:calc(100dvh - 16px);margin-inline:0}.sf-scale__title{margin-bottom:12px;font-size:26px}.sf-scale__body{gap:16px}.sf-scale__stage{width:auto;max-width:none;margin:0 -16px}.sf-scale__sizes[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-scale--set .sf-scale__sizes{align-self:stretch;width:auto}.sf-scale__size{height:42px;padding:7px 5px;font-size:13px}.sf-scale__use{min-height:44px;margin-top:12px;padding:10px 16px;font-size:14px}.sf-dialog:has(.sf-frame-dialog){--sf-dialog-phone-padding:14px;width:min(420px,100vw - 24px);max-width:none;height:min(680px,100svh - 24px);max-height:none}.sf-dialog:has(.sf-frame-dialog) .sf-dialog__frame{flex-direction:column;min-width:0;display:flex;overflow:hidden}.sf-dialog:has(.sf-frame-dialog) .sf-dialog__body{flex:auto;min-width:0;min-height:0;display:flex}.sf-frame-dialog{flex:auto;grid-template:auto minmax(0,1fr) 44px auto/minmax(0,1fr);gap:10px;min-width:0;min-height:0;display:grid}.sf-frame-dialog__intro,.sf-frame-dialog__spec{display:none}.sf-frame-dialog__title{align-items:center;min-height:44px;margin:0;font-size:28px;display:flex}.sf-frame-dialog__cards{contain:strict;min-height:0;margin:0;position:relative;overflow:hidden}.sf-frame-dialog__card,.sf-frame-dialog__card[aria-pressed=true]{box-shadow:none;visibility:hidden;border:0;border-radius:0;display:block;position:absolute;inset:0}.sf-frame-dialog__card[aria-pressed=true]{visibility:visible}.sf-frame-dialog__photo{object-fit:contain;width:100%;height:100%}.sf-frame-dialog__colours{align-items:center;margin:0}.sf-frame-dialog__colour{background:0 0;border:1px solid #0000}.sf-frame-dialog__colour[aria-pressed=true]{border-color:var(--ink)}.sf-frame-dialog__foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-height:57px;margin:0;padding-top:10px;display:grid}.sf-frame-dialog__summary{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sf-frame-dialog__apply{min-width:0;min-height:44px;padding:10px;font-size:13px}}}