.og-preview_results .dt_main.website-detail_screenshot{position:static}.dt_stage.og-preview_stage.website-detail_outter-wrapper{min-height:0}.dt_facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--space-4) var(--space-6);margin:0}.dt_fact{display:flex;flex-direction:column;gap:var(--space-05);min-width:0}.dt_fact dd{margin:0;font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium);font-variant-numeric:tabular-nums}.dt_list.is-rest>.dt_row:first-child{padding-top:var(--space-4)}.tool_reveal-inner>.dt_shadows{padding-top:var(--space-6)}.dt_section.dt_variables{display:block}.dt_disclosure-body{display:flex;flex-direction:column;gap:var(--space-4)}.dt_chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dt_chip{display:inline-flex;align-items:center;gap:var(--space-15);padding:var(--space-1) var(--space-3);border:0;border-radius:var(--radius-pill);background-color:var(--color-200);color:var(--color-900);font-family:inherit;font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium);white-space:nowrap;cursor:pointer;min-height:var(--space-8);transition:background-color var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.dt_chip>span{color:var(--color-700);font-family:inherit;font-variant-numeric:tabular-nums}.dt_chip:hover{background-color:var(--color-300)}.dt_chip.is-active{background-color:var(--color-400);color:var(--color-1000)}.dt_chip.is-active>span{color:var(--color-900)}.dt_chip:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dt_board,.dt_section{display:flex;flex-direction:column}.dt_section{--more-join:var(--space-6);gap:var(--space-6);min-width:0;padding:var(--space-12) 0;border-top:1px solid var(--color-200);scroll-margin-top:var(--space-24)}.dt_section:first-child{padding-top:0;border-top:0}.dt_section:last-child{padding-bottom:0}.dt_section-head{justify-content:space-between;gap:var(--space-4)}.dt_ladder,.dt_section-head{display:flex;align-items:baseline}.dt_ladder{flex-wrap:wrap;gap:var(--space-2) var(--space-6);margin:0;padding:0;list-style:none}.dt_ladder-aa{display:block;font-size:var(--dt-size);line-height:1;letter-spacing:var(--tracking-tight);color:var(--color-1000);cursor:default;border-radius:var(--radius-xs)}.dt_ladder-aa:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dt_meta{font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium);font-family:inherit;font-variant-numeric:tabular-nums}.dt_meta,.dt_name{white-space:nowrap}.dt_name{margin:0;min-width:0;font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium);overflow:hidden;text-overflow:ellipsis}.dt_colours,.dt_list,.dt_shadows,.dt_tiles,.dt_vars{list-style:none;margin:0;padding:0}.dt_list{display:flex;flex-direction:column}.dt_uses{text-align:right}.dt_none{margin:0}.dt_row{display:grid;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-top:1px solid var(--color-100)}.dt_row:first-child{padding-top:0;border-top:0}.dt_row:last-child{padding-bottom:0}.dt_type-row{grid-template-columns:4.5rem 8.5rem minmax(0,1fr) 4.5rem}.dt_type.has-alias .dt_type-row{grid-template-columns:4.5rem 8.5rem minmax(0,1fr) minmax(0,9.5rem) 4.5rem}.dt_type-sample{font-size:var(--dt-size);line-height:1.2;letter-spacing:var(--tracking-tight);color:var(--color-1000)}.dt_alias,.dt_type-sample{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt_alias{font-family:inherit;font-variant-numeric:tabular-nums;font-size:var(--font-size-xs);color:var(--color-700);text-align:right}.dt_bar-row{grid-template-columns:5.5rem 3.5rem minmax(0,1fr) 4.5rem;gap:var(--space-3)}.dt_bar-track{display:flex;align-items:center;min-width:0}.dt_bar{width:var(--dt-size);min-width:var(--space-05);max-width:100%;height:var(--space-2);border-radius:var(--radius-2xs);background-color:var(--color-600)}.dt_tiles{display:grid;grid-template-columns:repeat(var(--dt-row-8,8),minmax(0,1fr));gap:var(--space-6) var(--space-3)}.dt_tile{display:flex;flex-direction:column;min-width:0}.dt_radius{width:100%;aspect-ratio:1;margin-bottom:var(--space-2);border-radius:var(--dt-radius);background-color:var(--color-400)}.dt_colours{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-8) var(--space-3)}.dt_colours.is-rest{padding-top:var(--space-8)}.dt_colours .cp_chip-block.is-alpha{background:linear-gradient(var(--cp-colour),var(--cp-colour)),repeating-conic-gradient(var(--color-300) 0 25%,var(--color-200) 0 50%) 0 0 /var(--space-4) var(--space-4)}.dt_shadows{display:grid;grid-template-columns:repeat(var(--dt-cols,4),minmax(0,1fr));gap:var(--space-8) var(--space-3)}.dt_shadow{display:flex;flex-direction:column;gap:var(--space-1);width:100%;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.dt_shadow-tile{display:grid;place-items:center;height:6rem;border-radius:var(--radius-md);background-color:var(--color-900);transition:opacity var(--duration-base) var(--ease-smooth)}.dt_shadow:hover .dt_shadow-tile{opacity:.88}.dt_shadow:focus-visible{outline:none}.dt_shadow:focus-visible .dt_shadow-tile{box-shadow:var(--shadow-focus)}.dt_shadow-card{width:50%;max-width:8rem;height:50%;border-radius:var(--radius-sm);background-color:var(--color-1000);box-shadow:var(--dt-shadow)}.dt_var-tools{flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.dt_search,.dt_var-tools{display:flex;align-items:center}.dt_search{position:relative;flex:0 1 17rem;min-width:12rem}.dt_search-icon{position:absolute;left:var(--space-3);width:var(--space-4);height:var(--space-4);color:var(--color-700);pointer-events:none}.dt_search .form-input{height:var(--space-10);padding:0 var(--space-4) 0 var(--space-10);font-size:var(--font-size-sm)}.dt_vars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-8)}.dt_vars>li{min-width:0;border-bottom:1px solid var(--color-100)}.dt_var{display:flex;align-items:center;gap:var(--space-2);width:100%;min-width:0;padding:var(--space-15) 0;border:0;border-radius:var(--radius-xs);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.dt_var:hover .dt_var-value{color:var(--color-950)}.dt_var:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dt_var-name,.dt_var-value{min-width:0;font-family:inherit;font-variant-numeric:tabular-nums;font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt_var-name{flex:0 1 auto;color:var(--color-950)}.dt_var-value{flex:1 1 30%;color:var(--color-700);text-align:right}.dt_dark{flex:none;padding:0 var(--space-15);border-radius:var(--radius-xs);background-color:var(--color-200);color:var(--color-800);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium)}.dt_swatch{flex:none;width:var(--space-4);height:var(--space-4);border:1px solid var(--color-100);border-radius:var(--radius-xs);background-color:var(--dt-colour)}.dt_swatch.is-empty{border-color:transparent}.dt_summary .og-preview_score-top{flex-wrap:wrap;row-gap:var(--space-2)}.dt_summary .og-preview_score-host{margin-left:0}.dt_pill.og-preview_pill:before{content:none}.dt_framework{margin:0}.dt_formats.tabs-menu{align-self:stretch;max-width:100%;margin-bottom:0}.dt_formats.tabs-menu .tab-link-effect.is-not-circle{flex:1 0 auto;justify-content:center;padding-left:var(--space-15);padding-right:var(--space-15);white-space:nowrap}@container tool-stage (max-width: 44rem){.dt_alias{display:none}.dt_colours{grid-template-columns:repeat(4,minmax(0,1fr))}.dt_tiles{grid-template-columns:repeat(var(--dt-row-4,4),minmax(0,1fr))}.dt_shadows{grid-template-columns:repeat(min(var(--dt-cols,2),2),minmax(0,1fr))}.dt_type-row,.dt_type.has-alias .dt_type-row{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-1) var(--space-3)}.dt_type-sample{grid-column:1/-1;grid-row:2;font-size:min(var(--dt-size),var(--font-size-3xl))}}@media screen and (max-width:767px){.dt_stage.og-preview_stage.website-detail_outter-wrapper{gap:var(--space-8)}.dt_facts{grid-template-columns:repeat(2,minmax(0,1fr))}.dt_vars{grid-template-columns:minmax(0,1fr)}.dt_section{--more-join:var(--space-5);gap:var(--space-5);padding:var(--space-8) 0}.dt_ladder-aa{font-size:min(var(--dt-size),var(--font-size-5xl))}.dt_colours{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6) var(--space-3)}.dt_chips{flex-wrap:nowrap;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4);overflow-x:auto;scrollbar-width:none}.dt_chips,.dt_search{flex:1 1 100%}.dt_bar-row{grid-template-columns:5.5rem 3.5rem minmax(0,1fr) auto}.dt_shadow-tile{height:4.5rem}}@media screen and (max-width:479px){.dt_colours{grid-template-columns:repeat(2,minmax(0,1fr))}}