.page_page__b2Evl{min-height:100vh;display:flex;flex-direction:column}.page_main__T4h_6{margin:0 var(--margin-page);--width-form:calc(var(--base) * 12 + 1px);--width-available:calc((100% - var(--margin-page) * 2 - var(--width-form)) / 2);--width-rounded:round(var(--width-available),var(--base));--height-available:calc((100vh - var(--base) * 5) / 2 - var(--height-logo) - var(--spacing-in-section));--height-rounded:round(var(--height-available),var(--base));padding-left:var(--width-rounded);margin-top:calc(var(--height-rounded) - 4px)}.page_main__T4h_6 div,.page_passwordForm__aKdqP{display:flex;flex-direction:column}.page_passwordForm__aKdqP{margin-left:-1px;width:var(--width-form);gap:var(--base-2);position:relative}.page_inputContainer__IUVOw{position:relative}.page_passwordInput__pSZ8B{box-sizing:border-box;height:calc(var(--base-2) + 1px);border-radius:0;padding:0;padding-left:var(--base);outline:1px solid var(--stroke-ctrl-outline-rest);outline-offset:-1px;border:none;text-box-trim:none}.page_verticalLine__uPTKH{position:absolute;width:1px;height:40px;background:linear-gradient(to top,var(--stroke-ctrl-outline-rest),transparent)}.page_horizontalLine__MFsXm{position:absolute;width:40px;height:1px;background:linear-gradient(to left,var(--stroke-ctrl-outline-rest),transparent)}.page_top__WkoBQ{top:-40px}.page_left__HC_SE{left:-40px}.page_right__mzG1X{right:0}.page_hRight__K0bQc{right:-40px;background:linear-gradient(to right,var(--stroke-ctrl-outline-rest),transparent)}.page_bottom__CinP1{bottom:-40px;background:linear-gradient(to bottom,var(--stroke-ctrl-outline-rest),transparent)}.page_hBottom__EgNFa{bottom:0}.page_passwordInput__pSZ8B:hover~.page_verticalLine__uPTKH{background:linear-gradient(to top,var(--stroke-ctrl-outline-hover),transparent)}.page_passwordInput__pSZ8B:hover~.page_horizontalLine__MFsXm{background:linear-gradient(to left,var(--stroke-ctrl-outline-hover),transparent)}.page_passwordInput__pSZ8B:hover~.page_horizontalLine__MFsXm.page_hRight__K0bQc{background:linear-gradient(to right,var(--stroke-ctrl-outline-hover),transparent)}.page_passwordInput__pSZ8B:hover~.page_verticalLine__uPTKH.page_bottom__CinP1{background:linear-gradient(to bottom,var(--stroke-ctrl-outline-hover),transparent)}.page_passwordInput__pSZ8B:hover{outline-color:var(--stroke-ctrl-outline-hover)}.page_passwordInput__pSZ8B:focus{outline:2px solid var(--grey-8);outline-offset:-2px}.page_passwordInputError__qMiYm,.page_passwordInputError__qMiYm:focus,.page_passwordInputError__qMiYm:hover{outline-color:var(--red)}.page_error__8lSRX{position:absolute;top:calc(var(--base) * 3 - 1cap);left:0;color:var(--red);font:var(--text-ui-body-l);margin:0}.page_submitButton__obAps{height:var(--base);border:none;cursor:pointer;background:var(--grey-8);color:var(--white);font:var(--text-ui-body-l)}@media (max-width:640px){.page_main__T4h_6{--width-screen-rounded:round(100%,var(--base));--width-form:calc(var(--width-screen-rounded) + 1px);padding-left:0}}.GridBackground_gridOverlay___LBC3{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;background-size:40px 40px;background-position:var(--grid-offset,0) 0}.page_page__ZU32B{position:relative;display:flex;flex-direction:column;gap:round(var(--gap-between-sections),var(--base));padding-bottom:var(--gap-between-sections)}.page_main__GlU4n{margin:0 var(--margin-page)}.page_main__GlU4n h1{font:var(--text-h1);line-height:var(--base-2);padding-top:calc(40px - 1cap - 4px)}.page_introBoundingBox__zdGRn,.page_introWrapper__iqdN4{position:relative;width:-moz-fit-content;width:fit-content}.page_introBoundingBox__zdGRn{will-change:transform;display:block;cursor:url(/images/cursor.svg) 3 1,auto}.page_introBoundingBox__zdGRn:before{content:"";position:absolute;inset:-1px;border:1px solid transparent;pointer-events:none;opacity:0;transition:opacity .3s ease}.page_introBoundingBox__zdGRn.page_introBorderActive__8zamf:before{border-color:var(--figma-component);opacity:1}.page_introBoundingBox__zdGRn.page_introBorderHover__eQZET:before{border-width:2px;inset:-2px}.page_introCorner__wZE9F{position:absolute;width:6px;height:6px;background:var(--background-primary);border:1px solid transparent;pointer-events:none;opacity:0;z-index:1}.page_introBoundingBox__zdGRn.page_introCornersActive__NyqX2 .page_introCorner__wZE9F{border-color:var(--figma-component);opacity:1}.page_introCursor__xyBcj{position:absolute;top:0;left:0;width:20px;height:20px;pointer-events:none;opacity:0;z-index:2;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .15s ease}.page_introCursor__xyBcj.page_introCursorVisible___JzgK{opacity:1}.page_strikethrough__kl5aM{font:var(--text-h1);text-decoration:line-through;text-decoration-thickness:2px}.page_main__GlU4n section{display:grid;grid-template-columns:calc(var(--image-columns) * 40px) calc(var(--title-columns) * 40px);grid-column-gap:var(--spacing-in-section);grid-template-areas:"image title"}.page_main__GlU4n section[data-collection-block=reversed]{grid-template-columns:calc(var(--title-columns) * 40px) calc(var(--image-columns) * 40px);grid-template-areas:"title image"}.page_main__GlU4n .page_networkGraphSection__62bOl{display:block;width:min(calc(var(--graph-columns, 42) * 40px - 1px),100%);height:calc(var(--graph-rows, 17) * 40px - 1px);background:var(--background-primary);margin-top:1px}.page_coverImageContainer__eDF16{grid-area:image;height:calc(var(--image-height-columns) * 40px - 1px);background-size:40px 40px;margin:1px 1px 0 0;box-sizing:border-box;cursor:pointer}.page_designSystemImageContainer__39V2e{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='40' x2='40' y2='0' stroke='%239747FF' stroke-opacity='0.1' stroke-width='1' shape-rendering='crispEdges'/%3E%3C/svg%3E");background-color:var(--purple-50);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);grid-gap:var(--container-spacing);gap:var(--container-spacing);padding:var(--container-spacing)}.page_webDesignImageContainer__4L0Aj{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='40' x2='40' y2='0' stroke='%230D99FF' stroke-opacity='0.1' stroke-width='1' shape-rendering='crispEdges'/%3E%3C/svg%3E");background-color:var(--blue-50);padding:var(--spacing-in-subsection);display:flex}.page_coverImageContainer__eDF16>div{background-color:var(--white);border-radius:var(--card-corner);padding:var(--container-spacing) var(--container-spacing) 0 var(--container-spacing);overflow:hidden}.page_main__GlU4n .page_item1__8yW2k{grid-column:1;grid-row:span 2;padding-top:calc(var(--container-spacing) - 3px);padding-left:calc(var(--container-spacing) - 3px)}.page_main__GlU4n .page_item2__VH9Mu{grid-column:2;grid-row:span 3}.page_main__GlU4n .page_item3__pDd8u{grid-column:1;grid-row:span 2;padding-top:calc(var(--container-spacing) - 3px);padding-left:calc(var(--container-spacing) - 3px);padding-right:0}.page_item4__9CA0t{grid-column:2;grid-row:span 1}.page_coverImageContainer__eDF16 img{width:100%;height:auto;object-fit:contain;object-position:top}.page_webDesignImageContainer__4L0Aj img{object-position:center}.page_gap__1XL4Z{grid-area:gap}.page_title__3jonF{grid-area:title;display:flex;flex-direction:column;gap:26px;text-decoration:none;cursor:pointer}.page_title__3jonF h2{padding-top:calc(40px - 1cap);line-height:var(--base)}.page_circleWrapper__5yJCP{position:relative;display:inline-block;text-box-trim:unset;text-box-edge:unset}.page_circleAnimation__RBDsU{position:absolute;top:79.5px;left:59px;transform:translate(-50%,-50%) rotate(-90deg);width:81px;height:81px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.page_circleAnimation__RBDsU.page_active__q3_T3{opacity:1}.page_circleAnimation__RBDsU circle{stroke:var(--stroke-strong);stroke-dasharray:251.33;stroke-dashoffset:251.33;transition:stroke-dashoffset .1s ease}.page_circleAnimation__RBDsU.page_active__q3_T3 circle{stroke-dashoffset:0;transition:stroke-dashoffset 4s ease}.page_squareWrapper___X19V{position:relative;display:inline-block;text-box-trim:unset;text-box-edge:unset}.page_squareAnimation__89yAa{position:absolute;top:-40.5px;left:65.5px;transform:translate(-50%,-50%);width:81px;height:81px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.page_squareAnimation__89yAa.page_active__q3_T3{opacity:1}.page_squareAnimation__89yAa rect{stroke:var(--stroke-strong);stroke-dasharray:320;stroke-dashoffset:320;transition:stroke-dashoffset .1s ease}.page_squareAnimation__89yAa.page_active__q3_T3 rect{stroke-dashoffset:0;transition:stroke-dashoffset 4s ease}@media (max-width:1160px){.page_main__GlU4n section[data-collection-block]{grid-template-areas:"image" "title";grid-row-gap:var(--base)}.page_main__GlU4n section[data-collection-block=reversed]{grid-template-columns:calc(var(--image-columns) * 40px) calc(var(--title-columns) * 40px);grid-template-areas:"image" "title"}}@media (max-width:1024px){.page_webDesignImageContainer__4L0Aj{padding:var(--base-one-half)}}@media (max-width:768px){.page_webDesignImageContainer__4L0Aj{padding:var(--base)}}.Item_itemContainer__ZvRfd,.Item_itemGroupWithLabel__qXsAp,.Item_itemGroup__K9Wf2{gap:var(--item-unit)}.Item_itemContainerPadded__SXvU5{--padding-item:var(--item-unit);--padding-item-nested:var(--item-unit-quarter);box-sizing:border-box;border:var(--stroke-width-item) solid var(--stroke-item);border-radius:var(--item-unit);padding:calc(var(--padding-item) + 1px - var(--stroke-width-item));gap:var(--padding-item)}.Item_itemContainerPadded__SXvU5:not(.Item_itemTray__iU7kC):has(.Item_itemContainerPadded__SXvU5){min-block-size:calc(var(--item-unit) * 3 + 2px);padding-block:calc(var(--padding-item-nested) + 1px - var(--stroke-width-item));-webkit-padding-end:calc(var(--padding-item-nested) + 1px - var(--stroke-width-item));padding-inline-end:calc(var(--padding-item-nested) + 1px - var(--stroke-width-item))}.Item_itemContainerPadded__SXvU5 :has(>.Item_itemContainerPadded__SXvU5+.Item_itemContainerPadded__SXvU5),.Item_itemContainerPadded__SXvU5:has(>.Item_itemContainerPadded__SXvU5+.Item_itemContainerPadded__SXvU5){gap:var(--padding-item-nested)}.Item_itemContainerPadded__SXvU5[data-has-icon=true][data-has-label=false]{max-width:calc(var(--item-unit) * 3 + 2px);max-height:calc(var(--item-unit) * 3 + 2px)}.Item_itemTray__iU7kC{--padding-item:var(--item-unit-half);border-radius:calc(var(--corner-item-rounder) + var(--padding-item))}.Item_itemContainerPadded__SXvU5:not(.Item_itemTray__iU7kC) .Item_itemContainerPadded__SXvU5{border-radius:calc(var(--corner-item-rounder) - var(--padding-item-nested))}.Item_icon__vRMqH{width:var(--item-unit-down);height:var(--item-unit-down);flex:none}.Item_itemContainerPadded__SXvU5:where(a,button,[role=button],[data-interactive=true]):hover:where(:not(:disabled)):where(:not([data-muted=true])){border-radius:var(--corner-item-rounder)}.Item_itemContainerPadded__SXvU5[data-interactive=true]:focus-within,.Item_itemContainerPadded__SXvU5[data-selected=true]{border-radius:var(--corner-item-rounder)}.Tooltip_tooltipWrapper__rN4SC{position:relative;flex-grow:1}.Tooltip_tooltip__skRlU{position:absolute;display:flex;background:var(--background-primary);align-items:center;white-space:nowrap;pointer-events:none;font:var(--text-ui-body-s);box-shadow:0 0 var(--sbase-8) rgb(from var(--grey-8) r g b/.06),0 var(--sbase) var(--sbase-2) rgb(from var(--grey-8) r g b/.1);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10;justify-content:center}.Tooltip_tooltipLabel__igy4_{display:block}.Tooltip_tooltip__skRlU *{font:inherit}.Tooltip_tooltipWrapper__rN4SC:hover .Tooltip_tooltip__skRlU,.Tooltip_tooltip__skRlU.Tooltip_visible__hst2L{opacity:1;visibility:visible}.Tooltip_tooltip__skRlU.Tooltip_top__C1jO1{bottom:calc(100% + var(--sbase-2));left:50%;transform:translateX(-50%)}.Tooltip_tooltip__skRlU.Tooltip_bottom__q25vV{top:calc(100% + var(--sbase-2));left:50%;transform:translateX(-50%)}.Tooltip_tooltip__skRlU.Tooltip_left__D1_7d{right:calc(100% + var(--sbase-2));top:50%;transform:translateY(-50%)}.Tooltip_tooltip__skRlU.Tooltip_right__N_DHq{left:calc(100% + var(--sbase-2));top:50%;transform:translateY(-50%)}.GraphTuner_panel__X0W9U{position:absolute;left:var(--base-half);bottom:var(--base-half);z-index:5;display:flex;flex-direction:column;width:264px;max-height:calc(100% - var(--base-2) - var(--base));background:var(--background-primary);border:1px solid var(--stroke-strong);border-radius:var(--corner-element);box-shadow:0 2px 12px rgba(4,8,10,.12);overflow:hidden;font:var(--text-ui-body-s);color:var(--foreground-primary)}.GraphTuner_header__tm1oW{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sbase-2);padding:var(--sbase) var(--sbase-2);border-bottom:1px solid var(--stroke-grid)}.GraphTuner_panel__X0W9U[data-open=false] .GraphTuner_header__tm1oW{border-bottom:none}.GraphTuner_title___nNVK{font:var(--text-ui-body-s);font-weight:var(--font-weight-title)}.GraphTuner_actions__Li67Q{display:flex;flex-direction:row;align-items:center;gap:var(--sbase)}.GraphTuner_action__PKnNZ{font:var(--text-ui-caption-s);color:var(--foreground-secondary);background:transparent;border:1px solid var(--stroke-strong);border-radius:var(--sbase);padding:2px var(--sbase-2);cursor:pointer}.GraphTuner_action__PKnNZ:hover{background:var(--background-secondary);color:var(--foreground-primary)}.GraphTuner_body__1ab3V{display:flex;flex-direction:column;gap:var(--sbase-2);padding:var(--sbase-2);overflow-y:auto}.GraphTuner_group__bLz6q{display:flex;flex-direction:column;gap:32px}.GraphTuner_groupTitle__6Qn8_{font:var(--text-ui-caption-s);color:var(--foreground-tertiary);letter-spacing:.04em}.GraphTuner_lever__5EMEq{display:flex;flex-direction:column;gap:2px}.GraphTuner_leverHead__3mLR0{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:var(--sbase-2)}.GraphTuner_leverLabel__Z4ova{font:var(--text-ui-body-s);color:var(--foreground-primary)}.GraphTuner_leverValue__FtRhb{font:var(--text-ui-caption-s);color:var(--foreground-secondary)}.GraphTuner_leverMeta___o8YU{display:flex;flex-direction:row;align-items:center;gap:var(--sbase)}.GraphTuner_leverReset__THLFB{font:var(--text-ui-caption-s);line-height:1;color:var(--foreground-tertiary);background:transparent;border:none;padding:0;cursor:pointer}.GraphTuner_leverReset__THLFB:hover{color:var(--foreground-primary)}.GraphTuner_leverHint__ghZCL{font:var(--text-ui-caption-s);line-height:1.3;color:var(--foreground-tertiary)}.GraphTuner_slider__VLPqZ{width:100%;margin:2px 0;accent-color:var(--purple-300);cursor:pointer}.GraphTuner_export__vpeGo{width:100%;font:var(--text-ui-body-s);color:var(--foreground-primary);background:var(--background-secondary);border:1px solid var(--stroke-strong);border-radius:var(--sbase);padding:var(--sbase) var(--sbase-2);cursor:pointer}.GraphTuner_export__vpeGo:hover{background:var(--background-ctrl-subtle-hover);border-color:var(--grey-90-ink-hover)}.Outline_outlineBox___a_l_{--stroke-width-outline-emphasis:1.5px;--stroke-item:var(--stroke-ctrl-outline-rest);background:transparent}.Outline_outlineBox___a_l_:hover:where(:not(:disabled)):where(:not([data-muted=true])){--stroke-width-item:var(--stroke-width-outline-emphasis);--stroke-item:var(--stroke-ctrl-outline-hover)}.Outline_outlineBox___a_l_:is(a,button,[role=button]):active:where(:not(:disabled)){--stroke-item:var(--stroke-ctrl-outline-pressed)}.Outline_outlineBox___a_l_:where(:not(a,button,[role=button])):focus-within,.Outline_outlineBox___a_l_[data-selected=true]{--stroke-width-item:var(--stroke-width-outline-emphasis);--stroke-item:var(--stroke-ctrl-selected-rest)}.Outline_outlineBox___a_l_:where(:not(a,button,[role=button])):focus-within:hover,.Outline_outlineBox___a_l_[data-selected=true]:hover{--stroke-item:var(--stroke-ctrl-selected-hover)}.Outline_outlineBox___a_l_[data-selected=true]:active{--stroke-item:var(--stroke-ctrl-selected-pressed)}.OutlineButton_outline__O5J5D{display:inline-flex;align-items:baseline;width:-moz-fit-content;width:fit-content;color:var(--foreground-primary);font:var(--text-ui-body);cursor:pointer;text-align:left}.OutlineButton_dot__f6LiT{align-self:center;border-radius:50%}.OutlineButton_label__uHJFL{font:var(--text-ui-body)}.OutlineButton_outline__O5J5D[data-muted=true]:not([data-selected=true]) .OutlineButton_label__uHJFL{color:var(--foreground-secondary)}.OutlineButton_outline__O5J5D:disabled{cursor:default;pointer-events:none;opacity:.6}.Input_input__1Zh7V{display:flex;flex-direction:column;width:100%}.Input_box__gaQef{display:flex;align-items:center;width:100%;font:var(--text-ui-body)}.Input_slot__o_vdI{display:flex;align-items:center;flex:none}.Input_slot__o_vdI:not(:has(:is(a,button,[role=button]))),.Input_slot__o_vdI:not(:has(:is(a,button,[role=button])))>*{color:var(--foreground-secondary)}.Input_slot__o_vdI:has(:is(a,button,[role=button])){align-self:stretch}.Input_slot__o_vdI>:is(a,button,[role=button]){--padding-item:0px;block-size:100%;inline-size:calc(var(--item-unit) * 3 - var(--padding-item-nested) * 2)}.Input_field__83kyu{flex:1 1;min-width:0;border:none;padding:0;text-box-trim:none;margin-block:calc((1cap - 1lh) / 2);background:transparent;color:var(--foreground-primary);font:var(--text-ui-body)}.Input_field__83kyu:focus{outline:none}.Input_field__83kyu::-ms-clear,.Input_field__83kyu::-ms-reveal{display:none}.Input_field__83kyu:-webkit-autofill,.Input_field__83kyu:-webkit-autofill:active,.Input_field__83kyu:-webkit-autofill:focus,.Input_field__83kyu:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--background-primary) inset;-webkit-text-fill-color:var(--foreground-primary);caret-color:var(--foreground-primary);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.Input_error__Kb91F{margin:0;font:var(--text-ui-body-s);color:var(--red)}.HCTRamps_rampContainer__f5_W6{display:flex;flex-grow:1}.HCTRamps_rampContainer__f5_W6 .HCTRamps_ramp__d_ARj{display:flex;flex-direction:row;flex-grow:1;height:calc(var(--dynamic-base) * 1.5)}.HCTRamps_colorSwatch__HZyqg{flex:1 1;align-items:center;justify-content:center;box-sizing:border-box}.HCTRamps_rampContainer__f5_W6:first-of-type>.HCTRamps_ramp__d_ARj:first-of-type{border-top:1px solid var(--stroke-grid)}.HCTRamps_toneLabel___QZ03{font:var(--text-ui-caption);opacity:0;transition:opacity .2s ease;position:absolute}.HCTRamps_colorSwatch__HZyqg:hover .HCTRamps_toneLabel___QZ03{opacity:1}.HCTRamps_ramp__d_ARj>:nth-child(-n+8) .HCTRamps_toneLabel___QZ03{color:var(--foreground-primary)}.HCTRamps_ramp__d_ARj>:nth-child(n+9) .HCTRamps_toneLabel___QZ03{color:var(--white)}.ColorDemo_demoCard__vIl2o,.ColorDemo_demoCard__vIl2o *{--demo-spacing-in-card:var(--dynamic-spacing-in-content);--demo-spacing-in-subsection:var(--dynamic-base-half);--demo-spacing-in-content:var(--sbase-2);--corner-card:var(--dynamic-corner-card);--corner-inner-container:calc(var(--corner-card) / 2);--corner-element-s:var(--sbase)}.ColorDemo_demoCard__vIl2o{display:grid!important;grid-template-columns:1fr 44%;box-sizing:border-box;max-width:800px;border-radius:var(--corner-card);margin:0 var(--dynamic-spacing-in-subsection);padding:var(--demo-spacing-in-card);grid-column-gap:var(--demo-spacing-in-card);grid-row-gap:var(--demo-spacing-in-card);background:var(--white)}.ColorDemo_header__NkDVj{grid-column:1;gap:var(--demo-spacing-in-subsection)}.ColorDemo_header__NkDVj span,.ColorDemo_intro__vyy0j{font:var(--text-content-s)}.ColorDemo_intro__vyy0j{grid-column:1;flex:1 1}.ColorDemo_highlight__DPYH6{padding:2px var(--sbase);margin:0 2px;font:var(--text-content-s);font-weight:var(--font-weight-regular);border-radius:var(--corner-element-s)}.ColorDemo_demoCard__vIl2o .ColorDemo_facts__hNjb5{grid-column:1;flex-direction:row;gap:var(--demo-spacing-in-subsection);min-width:0}.ColorDemo_factCard___uoaJ{flex:1 1;min-width:0;border-radius:var(--corner-inner-container);padding:var(--demo-spacing-in-subsection);gap:var(--demo-spacing-in-subsection);word-wrap:break-word}.ColorDemo_factCard___uoaJ *{font:var(--text-ui-body)}.ColorDemo_label__Vs5aP{font-weight:var(--font-weight-regular)}.ColorDemo_fact__3h1o2{gap:var(--demo-spacing-in-content)}.ColorDemo_date__tSbRo{font-weight:var(--font-weight-regular)}.ColorDemo_imageContainer__Ql3fN{grid-column:2;grid-row:span 3;position:relative;justify-content:center}.ColorDemo_artistImage__14K0Z{width:100%;object-fit:cover;object-position:center;border-radius:var(--corner-inner-container)}.ColorDemo_featuredBadge__nLiFf{position:absolute;top:var(--demo-spacing-in-subsection);left:var(--demo-spacing-in-subsection);border-radius:var(--corner-element);padding:var(--sbase) var(--padding-element);display:flex;align-items:center;font:var(--text-ui-body);font-weight:var(--font-weight-regular)}.ColorDemo_textContainer___YX_y{flex:1 1;min-height:0;display:flex;flex-direction:column}.ColorDemo_description__kIRkV{font:var(--text-ui-body);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;margin:0}@media (max-width:1024px){.ColorDemo_demoCard__vIl2o{grid-template-columns:1fr}.ColorDemo_imageContainer__Ql3fN{grid-column:1;aspect-ratio:4/3}.ColorDemo_imageContainer__Ql3fN img{object-position:top}}@supports (-webkit-appearance:none) and (stroke-color:transparent){.ColorDemo_highlight__DPYH6{padding:var(--sbase) var(--sbase)}}.HueSlider_sliderContainer__x0oOv{position:relative;cursor:crosshair;width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.HueSlider_hueCanvas__EBCFX{width:100%;height:var(--base);display:block;image-rendering:pixelated;pointer-events:none}.HueSlider_hueIndicatorLine__gKrUO{position:absolute;top:0;bottom:0;width:1px;background:rgba(0,0,0,.2);pointer-events:none;will-change:transform;transform-origin:left center}.BottomNav_wrapper__NPWCA{border-top:1px solid var(--stroke-grid);padding:0 var(--margin-page);margin-top:var(--gap-between-sections)}.BottomNav_navContainer__4rZ83{padding:var(--spacing-in-subsection) 0}.BottomNav_navItem__VwNCz{display:flex;flex-direction:column;gap:var(--gap-between-title-label);text-decoration:none;color:var(--foreground-primary)}.BottomNav_navItem__VwNCz:hover .BottomNav_projectTitle__tjFxE{color:var(--foreground-primary-hover);text-decoration:underline;-webkit-text-decoration-color:var(--foreground-primary-hover);text-decoration-color:var(--foreground-primary-hover);text-underline-offset:var(--sbase)}.BottomNav_navItem__VwNCz:active .BottomNav_projectTitle__tjFxE{color:var(--foreground-primary-pressed);text-decoration:underline;-webkit-text-decoration-color:var(--foreground-primary-pressed);text-decoration-color:var(--foreground-primary-pressed);text-underline-offset:var(--sbase)}.BottomNav_nextItem__FasVn{text-align:right;align-items:flex-end}.BottomNav_direction__eX6J6{color:var(--foreground-secondary)}.BottomNav_projectTitle__tjFxE{font:var(--text-h3)}.BottomNav_wrapper__NPWCA{position:relative}.BottomNav_nav__DykuU{position:relative;z-index:1}.InlineButton_inlineButton__ZLs_O{width:-moz-fit-content;width:fit-content;display:flex;padding:0;background:none;border:none;cursor:pointer;align-items:center}.InlineButton_buttonText__UPBJu{margin-right:var(--padding-element)}.InlineButton_inlineButton__ZLs_O:hover .InlineButton_buttonText__UPBJu{color:var(--foreground-primary-hover)}.InlineButton_inlineButton__ZLs_O:active .InlineButton_buttonText__UPBJu{color:var(--foreground-primary-pressed)}.InlineButton_icon__92rX6{display:flex;align-items:center;justify-content:center}.InlineButton_inlineButton__ZLs_O:hover .InlineButton_icon__92rX6 *{color:var(--foreground-primary-hover)}.InlineButton_inlineButton__ZLs_O:active .InlineButton_icon__92rX6 *{color:var(--foreground-primary-pressed)}.ExpandableSection_toggleButton__dsO7A{grid-column:1;grid-row:1;align-self:end;justify-self:start}.ExpandableSection_expandWrapper__T5z_E{grid-column:1/-1;grid-row:2}@media (max-width:768px){.ExpandableSection_toggleButton__dsO7A{grid-row:3}.ExpandableSection_expandWrapper__T5z_E{grid-column:1/-1;grid-row:4}}