.responsive-lab { --rp-red:#df363b; --rp-red-dark:#bf252c; --rp-ink:#142033; --rp-muted:#6f7e96; --rp-line:#dfe5ee; --rp-soft:#f5f7fb; display:flex; min-width:0; min-height:0; height:100%; overflow:hidden; flex-direction:column; background:#f8fafc; color:var(--rp-ink); font-family:Inter,system-ui,sans-serif; }
.responsive-lab.is-public { width:100vw; height:100dvh; }
.responsive-lab * { box-sizing:border-box; }
.responsive-lab button,.responsive-lab input { font:inherit; }
.responsive-lab-header { z-index:30; display:flex; min-height:68px; padding:9px 16px; align-items:center; gap:14px; border-bottom:1px solid var(--rp-line); background:rgba(255,255,255,.96); box-shadow:0 4px 18px rgba(25,39,61,.06); backdrop-filter:blur(14px); }
.responsive-lab-brand { display:flex; align-items:center; flex:0 0 auto; padding-right:13px; border-right:1px solid var(--rp-line); }
.responsive-lab-brand img { display:block; }
.responsive-mode-label { display:flex; min-width:180px; align-items:center; gap:9px; }
.responsive-mode-label>i { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; background:#fff0f1; color:var(--rp-red); font-size:1.25rem; }
.responsive-mode-label span { display:flex; flex-direction:column; line-height:1.25; }
.responsive-mode-label strong { font-size:.86rem; }
.responsive-mode-label small { color:var(--rp-muted); font-size:.67rem; }
.responsive-url-bar { display:flex; min-width:180px; max-width:760px; height:43px; flex:1; align-items:center; gap:8px; padding:0 5px 0 13px; border:1px solid #d4dbe7; border-radius:12px; background:#f7f9fc; transition:border-color .18s,box-shadow .18s; }
.responsive-url-bar:focus-within { border-color:#e34a50; background:#fff; box-shadow:0 0 0 3px rgba(223,54,59,.11); }
.responsive-url-bar>i { color:#45a376; }
.responsive-url-bar input { min-width:0; height:100%; flex:1; border:0; outline:0; background:transparent; color:#26344a; font-size:.83rem; }
.responsive-url-bar button,.responsive-icon-button { display:grid; width:33px; height:33px; place-items:center; border:0; border-radius:9px; background:#e9edf4; color:#51617a; cursor:pointer; }
.responsive-header-actions { display:flex; align-items:center; gap:8px; }
.responsive-quiet-button { padding:9px 13px; border:0; background:transparent; color:#53627a; font-weight:700; cursor:pointer; }
.responsive-real-button,.responsive-tool-real { display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid var(--rp-red); border-radius:10px; background:var(--rp-red); color:#fff; font-weight:750; cursor:pointer; box-shadow:0 7px 18px rgba(223,54,59,.18); }
.responsive-real-button { height:41px; padding:0 15px; white-space:nowrap; }
.responsive-real-button:hover,.responsive-tool-real:hover { background:var(--rp-red-dark); }
.responsive-lab-body { position:relative; display:flex; min-height:0; flex:1; overflow:hidden; }
.responsive-canvas { position:relative; min-width:0; flex:1; overflow:auto; padding:30px 28px 112px; background-color:#eef2f7; background-image:radial-gradient(#cbd4e1 1px,transparent 1px); background-size:22px 22px; }
.responsive-device-grid { display:grid; width:max-content; min-width:100%; min-height:100%; grid-template-columns:repeat(var(--device-count,1),minmax(300px,1fr)); align-items:start; justify-content:center; gap:28px; }
.responsive-device-grid.count-1 { --device-count:1; }
.responsive-device-grid.count-2 { --device-count:2; }
.responsive-device-grid.count-3 { --device-count:3; }
.responsive-device-grid.count-4 { --device-count:4; }
.responsive-device-card { display:flex; min-width:300px; min-height:600px; align-items:center; flex-direction:column; padding:0 15px 26px; border:1px solid transparent; border-radius:18px; cursor:pointer; outline:none; transition:background .18s,border-color .18s,box-shadow .18s; }
.responsive-device-card.is-active { border-color:#f1b0b3; background:rgba(255,255,255,.78); box-shadow:0 14px 35px rgba(31,43,62,.09); }
.responsive-device-card:focus-visible { border-color:#e84c51; box-shadow:0 0 0 3px rgba(223,54,59,.18),0 14px 35px rgba(31,43,62,.09); }
.responsive-device-card-head { display:flex; width:100%; max-width:460px; min-height:42px; margin-bottom:15px; align-items:center; gap:9px; padding:0 9px 0 12px; border:1px solid var(--rp-line); border-radius:10px; background:#fff; box-shadow:0 5px 16px rgba(30,43,65,.05); }
.responsive-device-card-head>span { min-width:0; flex:1; overflow:hidden; color:#384860; font-size:.76rem; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.responsive-device-card-head>span i { margin-right:4px; color:var(--rp-red); }
.responsive-device-card-head>strong { color:#718096; font-size:.67rem; white-space:nowrap; }
.responsive-device-card-head button { display:grid; width:25px; height:25px; place-items:center; border:0; border-radius:7px; background:transparent; color:#8693a7; cursor:pointer; }
.responsive-device-card-head button:hover:not(:disabled) { background:#fff0f1; color:var(--rp-red); }
.responsive-device-card-head button:disabled { opacity:.25; }
.responsive-device-shell { position:relative; flex:0 0 auto; overflow:hidden; border:10px solid #12151b; border-radius:42px; background:#fff; box-shadow:0 24px 48px rgba(18,25,37,.24),inset 0 0 0 2px #444c59; transform-origin:top center; transition:width .25s,height .25s,transform .2s; }
.responsive-device-shell.skin-tablet { border-width:12px; border-radius:28px; }
.responsive-device-shell.skin-classic { border-radius:30px; }
.responsive-device-shell.skin-fold { border-radius:28px; border-left-width:14px; }
.responsive-device-shell iframe { display:block; width:100%; height:100%; border:0; background:#fff; }
.responsive-embed-blocked { position:absolute; z-index:3; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; padding:28px; background:linear-gradient(145deg,#fff,#f7f9fc); color:#536279; text-align:center; }
.responsive-embed-blocked>i { display:grid; width:52px; height:52px; place-items:center; border-radius:16px; background:#fff0f1; color:var(--rp-red); font-size:1.7rem; }
.responsive-embed-blocked strong { color:#26364d; font-size:1rem; }
.responsive-embed-blocked p { max-width:360px; margin:0; font-size:.75rem; line-height:1.5; }
.responsive-embed-blocked>div { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.responsive-embed-blocked button { display:flex; align-items:center; gap:5px; padding:9px 12px; border:1px solid #e5a5a8; border-radius:8px; background:#fff; color:#b62f34; font-size:.7rem; font-weight:800; cursor:pointer; }
.responsive-embed-blocked button:first-child { border-color:var(--rp-red); background:var(--rp-red); color:#fff; }
.responsive-device-hardware { pointer-events:none; position:absolute; z-index:3; top:0; left:50%; width:88px; height:23px; transform:translateX(-50%); border-radius:0 0 15px 15px; background:#101318; }
.skin-punch .responsive-device-hardware { top:9px; width:12px; height:12px; border-radius:50%; box-shadow:0 0 0 3px #1c2028; }
.skin-classic .responsive-device-hardware { width:62px; height:7px; top:7px; border-radius:9px; }
.skin-tablet .responsive-device-hardware { width:8px; height:8px; top:7px; border-radius:50%; }
.responsive-home-indicator { pointer-events:none; position:absolute; z-index:3; bottom:6px; left:50%; width:92px; height:4px; transform:translateX(-50%); border-radius:5px; background:rgba(15,18,23,.68); }
.skin-classic .responsive-home-indicator,.skin-tablet .responsive-home-indicator { display:none; }
.responsive-notice { position:fixed; z-index:70; bottom:82px; left:50%; display:flex; max-width:min(620px,calc(100vw - 30px)); align-items:center; gap:9px; padding:11px 13px; transform:translateX(-50%); border:1px solid #d7dfeb; border-radius:12px; background:#fff; box-shadow:0 15px 40px rgba(25,39,61,.18); color:#52627a; font-size:.78rem; }
.responsive-notice>i { color:#4a90e2; font-size:1.15rem; }
.responsive-notice span { flex:1; }
.responsive-notice button { border:0; background:transparent; color:#8793a5; cursor:pointer; }
.responsive-notice.is-limit-error { bottom:88px; border-color:#e74c52; background:#fff5f5; color:#9d252a; box-shadow:0 16px 42px rgba(174,33,40,.25); animation:responsive-limit-toast .48s ease both,responsive-limit-glow 1.15s ease .48s 2; }
.responsive-notice.is-limit-error>i { color:var(--rp-red); font-size:1.3rem; }
.responsive-embed-warning { position:absolute; left:24px; bottom:83px; display:flex; max-width:650px; align-items:center; gap:9px; padding:9px 12px; border:1px solid rgba(223,54,59,.2); border-radius:10px; background:rgba(255,255,255,.94); color:#718096; font-size:.67rem; box-shadow:0 6px 18px rgba(32,45,65,.06); backdrop-filter:blur(8px); }
.responsive-embed-warning>i { color:#3d9b72; }
.responsive-embed-warning strong { color:#44536a; }
.responsive-embed-warning span { flex:1; line-height:1.45; }
.responsive-embed-warning button { flex:none; padding:7px 10px; border:0; border-radius:7px; background:var(--rp-red); color:#fff; font-size:.62rem; font-weight:800; cursor:pointer; }
.responsive-device-panel { z-index:20; width:360px; flex:0 0 360px; overflow-y:auto; border-left:1px solid var(--rp-line); background:#fff; box-shadow:-12px 0 30px rgba(36,50,72,.06); }
.responsive-device-panel:not(.is-open) { display:none; }
.responsive-panel-head { position:sticky; z-index:3; top:0; display:flex; min-height:64px; align-items:center; padding:10px 13px 10px 17px; border-bottom:1px solid var(--rp-line); background:rgba(255,255,255,.96); }
.responsive-panel-head>div { display:grid; flex:1; grid-template-columns:auto 1fr; column-gap:7px; }
.responsive-panel-head .responsive-live-dot { width:8px; height:8px; align-self:center; border-radius:50%; background:#31ba79; box-shadow:0 0 0 5px #e3f8ee; }
.responsive-panel-head.is-at-limit .responsive-live-dot { background:#e24a50; box-shadow:0 0 0 5px #ffebec; }
.responsive-panel-head strong { font-size:.82rem; }
.responsive-panel-head small { grid-column:2; color:var(--rp-muted); font-size:.66rem; }
.responsive-panel-head>button { border:0; background:transparent; color:#75849a; font-size:1.2rem; cursor:pointer; }
.responsive-capacity-count { display:flex; min-width:58px; height:32px; margin-right:7px; align-items:baseline; justify-content:center; gap:3px; padding:5px 9px; border:1px solid #dce3ed; border-radius:999px; background:#f6f8fb; color:#5e6e85; }
.responsive-capacity-count b { color:#26364d; font-size:.88rem; }
.responsive-capacity-count em { font-size:.62rem; font-style:normal; }
.responsive-panel-head.is-at-limit .responsive-capacity-count { border-color:#efb4b7; background:#fff0f1; color:#bb3439; }
.responsive-panel-head.is-at-limit .responsive-capacity-count b { color:#d32f35; }
.responsive-visible-row { display:flex; min-height:84px; align-items:center; gap:8px; padding:13px 16px; border-bottom:1px solid #edf0f5; overflow-x:auto; }
.responsive-visible-row button { display:flex; width:56px; height:58px; flex:0 0 56px; align-items:center; justify-content:center; flex-direction:column; gap:3px; border:1px solid #dce3ed; border-radius:12px; background:#fff; color:#66758b; cursor:pointer; }
.responsive-visible-row button.is-active { border-color:#e84c51; background:#fff4f4; color:var(--rp-red); box-shadow:0 0 0 2px rgba(223,54,59,.1); }
.responsive-visible-row button span { font-size:.54rem; }
.responsive-visible-row .responsive-add-tile { border-style:dashed; }
.responsive-visible-row.is-at-limit .responsive-add-tile { border-color:#efb7ba; background:#fff6f6; color:#c93a40; }
.responsive-limit-alert { display:flex; margin:10px 13px 2px; align-items:flex-start; gap:8px; padding:10px 11px; border:1px solid #e85056; border-radius:10px; background:#fff2f3; color:#a6292e; box-shadow:0 7px 20px rgba(188,39,46,.13); animation:responsive-limit-panel .52s ease both,responsive-limit-glow 1.15s ease .52s 2; }
.responsive-limit-alert>i { margin-top:1px; color:#df363b; font-size:1.15rem; }
.responsive-limit-alert>div { display:flex; min-width:0; flex:1; flex-direction:column; }
.responsive-limit-alert strong { font-size:.7rem; }
.responsive-limit-alert span { margin-top:2px; color:#b64a4f; font-size:.59rem; line-height:1.35; }
.responsive-limit-alert button { border:0; background:transparent; color:#b86468; cursor:pointer; }
.responsive-category-tabs { position:sticky; z-index:2; top:64px; display:flex; gap:4px; padding:10px 13px; border-bottom:1px solid #edf0f5; background:#fff; }
.responsive-category-tabs button { flex:1; padding:7px 4px; border:0; border-radius:8px; background:transparent; color:#718096; font-size:.67rem; font-weight:700; cursor:pointer; }
.responsive-category-tabs button.is-active { background:#fff0f1; color:var(--rp-red); }
.responsive-preset-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:14px; }
.responsive-preset-grid>button { position:relative; display:flex; min-height:112px; align-items:center; justify-content:center; flex-direction:column; gap:5px; padding:10px 6px; border:1px solid #dbe2ec; border-radius:10px; background:#fff; color:#34445b; cursor:pointer; }
.responsive-preset-grid>button:hover { border-color:#ed686d; box-shadow:0 7px 20px rgba(29,43,64,.08); transform:translateY(-1px); }
.responsive-preset-grid strong { font-size:.65rem; line-height:1.15; }
.responsive-preset-grid small { color:#8592a5; font-size:.55rem; }
.responsive-preset-grid em { position:absolute; top:5px; right:5px; padding:2px 4px; border-radius:4px; background:#37b879; color:#fff; font-size:.45rem; font-style:normal; text-transform:uppercase; }
.responsive-preset-shape { display:block; width:18px; height:34px; border:2px solid #69778a; border-radius:5px; background:#f7f9fb; }
.responsive-preset-shape.skin-tablet { width:26px; height:34px; border-radius:4px; }
.responsive-preset-shape.skin-fold { width:16px; height:38px; }
.responsive-custom-card { margin:0 14px 14px; padding:12px; border:1px solid #dfe5ee; border-radius:11px; background:#f8fafc; }
.responsive-custom-card>strong { display:block; margin-bottom:8px; font-size:.7rem; }
.responsive-custom-card>div { display:flex; align-items:end; gap:5px; }
.responsive-custom-card label { color:#77869c; font-size:.54rem; }
.responsive-custom-card input { width:72px; margin-top:3px; padding:7px; border:1px solid #d4dce8; border-radius:7px; background:#fff; font-size:.67rem; }
.responsive-custom-card button { display:grid; width:31px; height:31px; place-items:center; border:0; border-radius:8px; background:var(--rp-red); color:#fff; cursor:pointer; }
.responsive-signin-card { display:grid; grid-template-columns:auto 1fr; gap:9px; margin:0 14px 20px; padding:13px; border:1px solid #f2c9cb; border-radius:12px; background:#fff7f7; }
.responsive-signin-card>i { color:var(--rp-red); font-size:1.25rem; }
.responsive-signin-card div { display:flex; flex-direction:column; }
.responsive-signin-card strong { font-size:.72rem; }
.responsive-signin-card span { color:#76849a; font-size:.62rem; line-height:1.45; }
.responsive-signin-card button { grid-column:2; width:max-content; padding:6px 10px; border:0; border-radius:7px; background:var(--rp-red); color:#fff; font-size:.62rem; font-weight:700; cursor:pointer; }
.responsive-panel-reopen { position:absolute; z-index:19; top:14px; right:14px; display:flex; align-items:center; gap:5px; padding:9px 12px; border:1px solid var(--rp-line); border-radius:9px; background:#fff; color:#4f5e75; box-shadow:0 8px 24px rgba(29,42,61,.12); cursor:pointer; }
.responsive-toolbox { z-index:29; display:flex; min-height:68px; padding:8px 14px; align-items:center; justify-content:center; gap:10px; border-top:1px solid #d8e0eb; background:#fff; box-shadow:0 -8px 24px rgba(32,45,66,.07); }
.responsive-tool-group { display:flex; align-items:center; gap:3px; padding:0 8px; border-right:1px solid #e3e8ef; }
.responsive-tool-group button { display:grid; width:36px; height:36px; place-items:center; border:0; border-radius:9px; background:transparent; color:#56667d; font-size:1.15rem; cursor:pointer; }
.responsive-tool-group button:hover,.responsive-tool-group button.is-active { background:#fff0f1; color:var(--rp-red); }
.responsive-tool-group button.is-recording { background:#ffe4e5; color:#d51f26; animation:responsive-pulse 1.2s infinite; }
.responsive-scale-label { min-width:39px; color:#6f7d92; font-size:.64rem; text-align:center; }
.responsive-active-dimensions { display:flex; align-items:center; gap:5px; padding:0 8px; color:#536279; font-size:.7rem; }
.responsive-active-dimensions small { padding:3px 5px; border-radius:5px; background:#eef2f7; color:#7c899c; font-size:.54rem; }
.responsive-tool-real { min-height:38px; margin-left:auto; padding:0 14px; font-size:.72rem; }
@keyframes responsive-pulse { 50% { box-shadow:0 0 0 5px rgba(223,54,59,.12); } }
@keyframes responsive-limit-toast { 0% { opacity:0; transform:translate(-50%,14px) scale(.96); } 55% { transform:translate(-50%,-4px) scale(1.02); } 100% { opacity:1; transform:translateX(-50%); } }
@keyframes responsive-limit-panel { 0%,35%,70% { transform:translateX(-5px); } 18%,52%,86% { transform:translateX(5px); } 100% { transform:none; } }
@keyframes responsive-limit-glow { 50% { border-color:#d9252c; box-shadow:0 0 0 5px rgba(223,54,59,.13),0 12px 30px rgba(174,33,40,.2); } }
@media (max-width:1100px) { .responsive-mode-label { min-width:auto; } .responsive-mode-label small { display:none; } .responsive-device-panel { width:310px; flex-basis:310px; } .responsive-preset-grid { grid-template-columns:repeat(2,1fr); } .responsive-real-button span { display:none; } }
@media (max-width:760px) { .responsive-lab-header { flex-wrap:wrap; padding:8px 10px; } .responsive-lab-brand { border:0; } .responsive-mode-label { flex:1; } .responsive-url-bar { order:3; width:100%; max-width:none; flex-basis:100%; } .responsive-header-actions .responsive-quiet-button { display:none; } .responsive-real-button { padding:0 9px; font-size:.65rem; } .responsive-lab-body { overflow:visible; } .responsive-canvas { padding:20px 10px 105px; } .responsive-device-panel { position:absolute; top:0; right:0; bottom:0; width:min(340px,92vw); transform:translateX(105%); transition:transform .2s; } .responsive-device-panel.is-open { transform:translateX(0); } .responsive-device-grid { display:flex; min-width:max-content; gap:12px; } .responsive-device-card { min-width:280px; padding-inline:7px; } .responsive-toolbox { overflow-x:auto; justify-content:flex-start; } .responsive-active-dimensions { display:none; } .responsive-tool-real { white-space:nowrap; } .responsive-embed-warning { display:none; } }
@media (prefers-reduced-motion:reduce) { .responsive-lab * { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }

/* Expanded responsive-testing workspace */
.responsive-device-shell.skin-desktop{border-width:8px;border-radius:12px}.responsive-device-shell.skin-tv{border-width:14px;border-radius:9px;box-shadow:0 28px 52px rgba(18,25,37,.28)}.responsive-device-shell.skin-automotive{border-width:16px 24px;border-radius:22px}.responsive-device-shell.skin-round{border-width:12px;border-radius:50%}.responsive-device-shell.skin-kiosk{border-width:18px;border-radius:8px}.responsive-device-shell.skin-embedded{border-width:18px 24px;border-radius:12px}
.skin-desktop .responsive-device-hardware,.skin-tv .responsive-device-hardware,.skin-automotive .responsive-device-hardware,.skin-round .responsive-device-hardware,.skin-kiosk .responsive-device-hardware,.skin-embedded .responsive-device-hardware,.skin-desktop .responsive-home-indicator,.skin-tv .responsive-home-indicator,.skin-automotive .responsive-home-indicator,.skin-round .responsive-home-indicator,.skin-kiosk .responsive-home-indicator,.skin-embedded .responsive-home-indicator{display:none}.responsive-device-shell.is-ten-foot iframe{transform:scale(.92);transform-origin:center}.responsive-safe-area{pointer-events:none;position:absolute;z-index:4;inset:5%;border:2px dashed rgba(223,54,59,.72);border-radius:8px;box-shadow:0 0 0 9999px rgba(223,54,59,.035)}.responsive-safe-area span{position:absolute;top:5px;left:7px;padding:3px 5px;border-radius:4px;background:rgba(223,54,59,.84);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.responsive-fold-hinge{pointer-events:none;position:absolute;z-index:4;top:0;bottom:0;left:50%;width:7px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(17,23,32,.16),rgba(255,255,255,.2),rgba(17,23,32,.16))}
.responsive-check-state{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#eef2f7;color:#7b899c;font-size:.7rem;font-style:normal}.responsive-check-state.is-ready{background:#e5f7ee;color:#259963}.responsive-check-state.is-blocked{background:#fff3e5;color:#bd7420}
.responsive-testing-tools{border-bottom:1px solid #edf0f5;background:#fbfcfe}.responsive-testing-tools-head{display:flex;width:100%;align-items:center;justify-content:space-between;padding:11px 15px;border:0;background:transparent;color:#34445b;cursor:pointer}.responsive-testing-tools-head span{display:flex;align-items:center;gap:7px}.responsive-testing-tools-head span>i{color:var(--rp-red)}.responsive-testing-tools-head strong{font-size:.72rem}.responsive-testing-tools-body{padding:0 14px 13px}.responsive-breakpoint-control{display:block;padding:10px;border:1px solid #dfe5ee;border-radius:10px;background:#fff}.responsive-breakpoint-control>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.responsive-breakpoint-control strong{font-size:.65rem}.responsive-breakpoint-control em{color:var(--rp-red);font-size:.65rem;font-style:normal;font-weight:800}.responsive-breakpoint-control input{width:100%;accent-color:var(--rp-red)}
.responsive-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.responsive-option-grid button{display:flex;align-items:center;gap:5px;padding:8px;border:1px solid #dce3ed;border-radius:8px;background:#fff;color:#596980;font-size:.6rem;font-weight:700;cursor:pointer}.responsive-option-grid button.is-active{border-color:#ed9ca0;background:#fff1f2;color:var(--rp-red)}.responsive-issues{margin-top:8px;overflow:hidden;border:1px solid #dfe5ee;border-radius:10px;background:#fff}.responsive-issues header{display:flex;justify-content:space-between;padding:8px 9px;border-bottom:1px solid #edf0f5}.responsive-issues header strong{font-size:.62rem}.responsive-issues header small{color:#8290a3;font-size:.56rem}.responsive-issues>div{display:flex;align-items:flex-start;gap:6px;padding:7px 9px;color:#6b788d;font-size:.58rem;line-height:1.35}.responsive-issues>div.is-warning{color:#9c5d16;background:#fffaf1}.responsive-issues>p{margin:0;padding:9px;color:#7c899c;font-size:.58rem;line-height:1.4}
.responsive-category-tabs{overflow-x:auto}.responsive-category-tabs button{flex:0 0 auto;padding-inline:8px}.responsive-preset-shape.skin-desktop,.responsive-preset-shape.skin-tv,.responsive-preset-shape.skin-automotive,.responsive-preset-shape.skin-embedded{width:38px;height:23px;border-radius:4px}.responsive-preset-shape.skin-round{width:31px;height:31px;border-radius:50%}.responsive-preset-shape.skin-kiosk{width:22px;height:38px;border-radius:2px}