.border_flexContainer__jRtsW{display:flex;flex-wrap:wrap;gap:12px}.border_box__w4MSr{border:2px solid tomato;padding:10px;box-shadow:2px 2px 2px currentColor;border-radius:4px;margin:auto;width:50%;text-align:center}.border_shield__ZOGcf{border:4px solid var(--color-primary-500);padding:10px;border-radius:10px 10px 40px 40px;width:150px;height:150px;margin-bottom:24px}.border_circle__zt9BE{text-align:center;padding:30px;border:4px solid var(--color-primary-500);border-radius:50%;width:150px;height:150px;margin-bottom:48px}.border_modifyMe__xHU7e{text-align:center;border:2px dashed #000;padding:20px;width:25%;margin:auto}.border_border__6xau_{text-align:center;width:25%;margin-bottom:4px;border-radius:6px;padding:10px}.border_border__6xau_.border_dotted__znYJN{border:4px dotted var(--color-gray-500)}.border_border__6xau_.border_dashed__Xuw7D{border:4px dashed var(--color-gray-500)}.border_border__6xau_.border_solid__NRN2C{border:4px solid var(--color-gray-500)}.border_border__6xau_.border_double__FohYu{border:4px double var(--color-gray-500)}.border_border__6xau_.border_groove__Z22qO{border:4px groove var(--color-gray-500)}.border_border__6xau_.border_ridge__uWS79{border:4px ridge var(--color-gray-500)}.border_border__6xau_.border_inset__cU6pe{border:4px inset var(--color-gray-500)}.border_border__6xau_.border_outset__p3G0D{border-style:outset;border-color:var(--color-gray-500);border-width:4px}.border_border__6xau_.border_none___4YkG{border:4px var(--color-gray-500)}.border_border__6xau_.border_hidden__cEF3G{border:4px hidden var(--color-gray-500)}.border_border__6xau_.border_mixed__8ljQd{border-style:solid dashed dashed solid;border-color:var(--color-gray-500);border-width:4px}.border_outer__v9GWa{width:var(--border_block_outer);height:var(--border_block_outer);border:3px dashed var(--color-gray-500);border-radius:var(--border_block_radius);place-content:center;display:grid}.border_inner__EZ3ts{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border:3px solid var(--color-gray-500);border-radius:var(--border_block_radius)}.border_outer__v9GWa.border_fixed__OoIOk{border-radius:calc(var(--border_block_radius) + (var(--border_block_outer) - var(--border_block_inner)) / 2)}.backgrounds_list__xA3ti{list-style:none}.backgrounds_flexContainer__ldNGe{height:200px;padding:12px;width:100%;border:4px solid var(--color-gray-900);display:flex;padding:var(--padding-large);flex-wrap:wrap;justify-content:center;gap:12px;border-radius:var(--corner-medium)}.backgrounds_flexContainer__ldNGe.backgrounds_gridBackground__pNqnl{background-color:#e5e5f7;opacity:.5;background-image:linear-gradient(#444cf7 1.3px,transparent 0),linear-gradient(90deg,#444cf7 1.3px,#e5e5f7 0);background-size:26px 26px}.backgrounds_flexContainer__ldNGe.backgrounds_polkaDots__mTReZ{background-color:#e5e5f7;opacity:.5;background-image:radial-gradient(#444cf7 1.4500000000000002px,#e5e5f7 0);background-size:29px 29px}.backgrounds_flexContainer__ldNGe.backgrounds_bonusPoints__0T_s7{background-color:#e5e5f7;opacity:.5;background-size:30px 30px;background-image:repeating-linear-gradient(0deg,#444cf7,#444cf7 1.5px,#e5e5f7 0,#e5e5f7)}.block_inline_block__1mikc{padding:16px;color:var(--color-gray-1000);border-radius:var(--corner-medium);border:2px solid var(--color-gray-500);text-decoration:none;text-align:center;width:25%;display:block}.block_inline_inlineContainer__WVPAr{display:inline;white-space:nowrap;overflow:scroll;margin-bottom:24px}.block_inline_block__1mikc.block_inline_first__loq23{background-color:var(--color-gray-300)}.block_inline_block__1mikc.block_inline_second__wFtHh{background-color:var(--color-decorative-300)}.block_inline_block__1mikc.block_inline_third__d816_{background-color:var(--color-primary-500)}.block_inline_inline__Flw4y{display:inline;margin-right:16px;padding:16px;color:var(--color-gray-1000);border-radius:var(--corner-medium);border:2px solid var(--color-gray-500);text-decoration:none;text-align:center;width:25%}.block_inline_inline__Flw4y.block_inline_first__loq23{background-color:var(--color-gray-100)}.block_inline_inline__Flw4y.block_inline_second__wFtHh{background-color:var(--color-decorative-300)}.block_inline_inline__Flw4y.block_inline_third__d816_{background-color:var(--color-primary-500)}.block_inline_display__p5Hs1{background-color:var(--color-gray-700);color:var(--color-text-code);padding:1px 3px 2px 4px;border-radius:8px;width:200px;text-align:center}.block_inline_display__p5Hs1.block_inline_inline__Flw4y{display:inline;border:none;font-weight:600}.block_inline_display__p5Hs1.block_inline_block__1mikc{display:block;border:none;font-weight:600}.block_inline_display__p5Hs1.block_inline_inlineBlock__7_5Oi{display:inline-block;border:none;font-weight:600}.block_inline_container__9dN_S{border:2px dashed var(--color-gray-500);border-radius:var(--corner-large);padding:var(--padding-large);margin:12px 0}.easing_flexContainer__zoeXj{height:100px;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border-radius:var(--corner-medium)}.easing_flexContainer__zoeXj.easing_flexStart__KKfoV{justify-content:flex-start}.easing_flexItem__kL4Eg{width:var(--border_block_outer);height:var(--border_block_outer);border:2px dashed var(--color-gray-500);border-radius:calc(var(--border_block_radius) + (var(--border_block_outer) - var(--border_block_inner)) / 2);place-content:center;display:grid}.easing_innerBox__Mf2ma{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border:2px solid var(--color-gray-500);border-radius:var(--border_block_radius);cursor:pointer}.easing_innerBox__Mf2ma.easing_scaleOpacity__rUiba{transition:transform .3s ease-in-out,opacity .3s,border-radius .3s}.easing_innerBox__Mf2ma.easing_scaleOpacity__rUiba:hover{transform:scale(1.7);opacity:.5;border-radius:50%}.easing_innerBox__Mf2ma.easing_linear__xFWzK{transition:transform .3s;transition-timing-function:linear}.easing_innerBox__Mf2ma.easing_linear__xFWzK:active{transform:translateX(200px)}.flexGap_flexContainer__4DYQC{border:2px dashed var(--color-gray-300);padding:12px;display:flex;flex-wrap:wrap;resize:horizontal;cursor:default;overflow:auto;gap:12px;border-radius:var(--corner-medium)}.flexGap_flexItem__3ErMT{border-radius:6px;max-width:150px;min-width:75px;height:75px;background-color:var(--color-primary-300);flex:1 1}.flexGap_flexItem__3ErMT.flexGap_box1__BZnEo{background-color:var(--color-primary-300);margin-right:auto}.flexGap_flexItem__3ErMT.flexGap_box2__SBwYR{background-color:var(--color-gray-300);max-width:75px}.flexGap_flexItem__3ErMT.flexGap_box3__3fkT0{background-color:var(--color-decorative-300);max-width:75px}.flexShorthand_flexContainer__gaKtb{border:2px dashed var(--color-gray-300);padding:12px;display:flex;gap:6px;resize:horizontal;cursor:col-resize;border-radius:var(--corner-medium)}.flexShorthand_flexContainer__gaKtb.flexShorthand_basis100__KiPFO{flex-basis:100px}.flexShorthand_flexContainer__gaKtb.flexShorthand_tiny__kR9Lo{width:250px}.flexShorthand_box__DTMeq{border:2px solid var(--color-gray-300);height:75px;flex:1 1}.flexShorthand_box__DTMeq.flexShorthand_flex1__0XBtO{background-color:var(--color-primary-300)}.flexShorthand_box__DTMeq.flexShorthand_flex1__0XBtO.flexShorthand_shorthand__Dhqr8{flex:1 1}.flexShorthand_box__DTMeq.flexShorthand_flex1__0XBtO.flexShorthand_shorthand__Dhqr8.flexShorthand_minWidth__69X6L{min-width:75px}.flexShorthand_box__DTMeq.flexShorthand_flex2__di1zh{background-color:var(--color-decorative-300)}.flexShorthand_box__DTMeq.flexShorthand_flex2__di1zh.flexShorthand_shorthand__Dhqr8{flex:2 1}.flexShorthand_box__DTMeq.flexShorthand_flex3__h4D1A{background-color:var(--color-gray-300)}.flexShorthand_box__DTMeq.flexShorthand_flex3__h4D1A.flexShorthand_shorthand__Dhqr8{flex:3 1}.flexShorthand_box__DTMeq.flexShorthand_flex3__h4D1A.flexShorthand_shorthand__Dhqr8.flexShorthand_minWidth__69X6L{min-width:200px}.flexShorthand_resize___gI__{resize:horizontal;overflow:auto;padding:10px;border:2px dashed var(--color-gray-300);cursor:default}.gradient_list__xVrdh{list-style:none}.gradient_flexContainer__C8XAh{height:100px;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border-radius:var(--corner-medium)}.gradient_flexContainer__C8XAh.gradient_radialExample__TMCxI{border:2px solid var(--color-gray-300)}.gradient_flexItem__5W7Jv{width:var(--border_block_outer);height:var(--border_block_outer);border:2px dashed var(--color-gray-500);border-radius:calc(var(--border_block_radius) + (var(--border_block_outer) - var(--border_block_inner)) / 2);place-content:center;display:grid}.gradient_innerBox__xfREA{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border-radius:var(--border_block_radius);cursor:pointer}.gradient_innerBox__xfREA.gradient_layerShadow__LKZUw{box-shadow:var(--shadow-layered-1)}.gradient_innerBox__xfREA.gradient_layerShadow__LKZUw.gradient_linear1__o2qtt{background-image:linear-gradient(#894bc8,#2cabb1)}.gradient_innerBox__xfREA.gradient_layerShadow__LKZUw.gradient_linear45__Rw86q{background-image:linear-gradient(45deg,#894bc8,#2cabb1)}.gradient_innerBox__xfREA.gradient_layerShadow__LKZUw.gradient_linearHint__S89be{background-image:linear-gradient(45deg,#894bc8,25%,#2cabb1)}.gradient_innerBox__xfREA.gradient_layerShadow__LKZUw.gradient_radialGradient__Lwm9U{background-image:radial-gradient(#894bc8,#2cabb1)}.gridBasics_gridContainer__Dz2VK{display:grid;height:300px;border:2px dashed var(--color-gray-300)}.gridBasics_gridItem1__bVDbr{width:100px;height:75px;background-color:var(--color-primary-300);border-radius:6px}.gridBasics_gridItem2__GsEDT{width:100px;height:75px;background-color:var(--color-decorative-300);border-radius:6px}.gridBasics_gridItem3__fuoiS{width:100px;height:75px;background-color:var(--color-gray-500);border-radius:6px}.gridDividers_gridContainer__CpFOu{display:grid;grid-gap:2px;gap:2px;padding:2px;justify-content:center;grid-template-columns:1fr 1fr;background-color:var(--color-gray-500)}.gridDividers_gridContainer__CpFOu.gridDividers_columns__JFzXR{grid-template-columns:minmax(50px,1fr) minmax(200px,1fr)}.gridDividers_gridItem1__aKZmz,.gridDividers_gridItem2__Iz9HK,.gridDividers_gridItem3__nVdfM,.gridDividers_gridItem4__y8oU2{height:75px;background-color:var(--color-backdrop)}.keyframes_flexContainer__rS4gD{height:100px;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border-radius:var(--corner-medium)}.keyframes_flexContainer__rS4gD.keyframes_flexStart__xzTFN{justify-content:flex-start}.keyframes_flexItem__BEg8M{width:var(--border_block_outer);height:var(--border_block_outer);border:2px dashed var(--color-gray-500);border-radius:calc(var(--border_block_radius) + (var(--border_block_outer) - var(--border_block_inner)) / 2);place-content:center;display:grid}.keyframes_innerBox__RzGsy{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border:2px solid var(--color-gray-500);border-radius:var(--border_block_radius);cursor:pointer}.keyframes_innerBox__RzGsy.keyframes_scaleOpacity__ynE1a{transition:transform .3s ease-in-out,opacity .3s,border-radius .3s}.keyframes_innerBox__RzGsy.keyframes_scaleOpacity__ynE1a:hover{transform:scale(1.7);opacity:.5;border-radius:50%}.keyframes_innerBox__RzGsy.keyframes_linear__JAOcU{transition:transform .3s;transition-timing-function:linear}.keyframes_innerBox__RzGsy.keyframes_linear__JAOcU:active{transform:translateX(200px)}.overflow_container__djaOG{border:2px dashed var(--color-gray-500);padding:var(--padding-small);background-color:var(--color-decorative-500);height:75px;border-radius:6px}.overflow_overflowHidden__ZxGm_{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:1em}.overflow_container__djaOG.overflow_overflow__TzMvU.overflow_circle__tFrKB{width:100px;height:100px;border-radius:50%;border:2px solid var(--color-gray-500);overflow:hidden}.overflow_container__djaOG.overflow_circle__tFrKB{width:100px;height:100px;border-radius:50%;z-index:2;border-color:var(--color-gray-1000);position:static}.overflow_container__djaOG.overflow_overflow__TzMvU.overflow_circleOverflow__H1v5b{background-color:var(--color-gray-0);overflow:hidden}.overflow_flourish___nVaH{width:100px;height:100px;background-color:var(--color-primary-300);border-radius:50%;position:relative;top:-24px;left:-70px;opacity:.75}.overflow_imageHolder__kN2bj{position:relative;top:-7px;left:-8px;z-index:1}.scrollbars_list__tZnaz{list-style:none}.scrollbars_flexContainer__bxgip{height:300px;padding:12px;width:100%;border:2px dashed var(--color-gray-300);display:flex;overflow-y:scroll;overflow-x:hidden;padding:var(--padding-large);flex-wrap:wrap;justify-content:center;gap:12px;border-radius:var(--corner-medium)}.scrollbars_flexContainer__bxgip.scrollbars_radialExample__FoV5G{border:2px solid var(--color-gray-300)}.scrollbars_flexItem__HhTKO{width:var(--border_block_outer);height:var(--border_block_outer);border:2px dashed var(--color-gray-500);border-radius:calc(var(--border_block_radius) + (var(--border_block_outer) - var(--border_block_inner)) / 2);place-content:center;display:grid}.scrollbars_innerBox__Tod6K{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border-radius:var(--border_block_radius);cursor:pointer}.scrollbars_innerBox__Tod6K.scrollbars_layerShadow__QcqiZ{box-shadow:var(--shadow-layered-1)}.scrollbars_innerBox__Tod6K.scrollbars_layerShadow__QcqiZ.scrollbars_linear1__xhXlj{background-image:linear-gradient(#894bc8,#2cabb1)}.scrollbars_innerBox__Tod6K.scrollbars_layerShadow__QcqiZ.scrollbars_linear45__z1QMc{background-image:linear-gradient(45deg,#894bc8,#2cabb1)}.scrollbars_innerBox__Tod6K.scrollbars_layerShadow__QcqiZ.scrollbars_linearHint__LUsMh{background-image:linear-gradient(45deg,#894bc8,25%,#2cabb1)}.scrollbars_innerBox__Tod6K.scrollbars_layerShadow__QcqiZ.scrollbars_radialGradient__nVROJ{background-image:radial-gradient(#894bc8,#2cabb1)}.shadows_list__z1gj0{list-style:none}.shadows_flexContainer__ZajmT{height:100px;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border-radius:var(--corner-medium)}.shadows_flexItem__PT3FS{width:var(--border_block_outer);height:var(--border_block_outer);border:2px dashed var(--color-gray-500);border-radius:calc(var(--border_block_radius) + (var(--border_block_outer) - var(--border_block_inner)) / 2);place-content:center;display:grid}.shadows_innerBox__J0QRF{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border-radius:var(--border_block_radius);cursor:pointer}.shadows_innerBox__J0QRF.shadows_translate__uFzl_{will-change:transition;transition:transform .3s ease-in-out}.shadows_innerBox__J0QRF.shadows_dropShadow1__Al1zW{filter:drop-shadow(var(--shadow-1))}.shadows_innerBox__J0QRF.shadows_layerShadow__8zGj6{box-shadow:var(--shadow-layered-1)}.shadows_innerBox__J0QRF.shadows_boxShadow1__7zecI{box-shadow:var(--shadow-1)}.shadows_innerBox__J0QRF.shadows_insetShadow__r8xS7{box-shadow:inset 2px 2px 8px rgba(0,0,0,.33);background-color:#f5f5f5}.shadows_innerBox__J0QRF.shadows_translate__uFzl_:hover{transform:translateX(20px)}.threeD_flexContainer__LoNcv{height:100px;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border-radius:var(--corner-medium)}.threeD_flexContainer__LoNcv.threeD_flexStart__uFqk5{justify-content:flex-start}.threeD_perspectiveItem__BfiVy{perspective:250px}.threeD_flexItem__MQ70A{width:var(--border_block_outer);height:var(--border_block_outer);border:2px dashed var(--color-gray-500);border-radius:calc(var(--border_block_radius) + (var(--border_block_outer) - var(--border_block_inner)) / 2);place-content:center;display:grid}.threeD_innerBox__WOjlC{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border:2px solid var(--color-gray-500);border-radius:var(--border_block_radius);cursor:pointer}.threeD_innerBox__WOjlC.threeD_scaleOpacity__VXOB6{transition:transform .3s ease-in-out,opacity .3s,border-radius .3s}.threeD_innerBox__WOjlC.threeD_scaleOpacity__VXOB6:hover{transform:scale(1.7);opacity:.5;border-radius:50%}.threeD_innerBox__WOjlC.threeD_linear__T6ltg{transition:transform .3s;transition-timing-function:linear}.threeD_innerBox__WOjlC.threeD_linear__T6ltg:active{transform:translateX(200px)}.transform_flexContainer__lIQzC{height:100px;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border-radius:var(--corner-medium)}.transform_flexItem__d7k0Y{width:var(--border_block_outer);height:var(--border_block_outer);border:2px dashed var(--color-gray-500);border-radius:calc(var(--border_block_radius) + (var(--border_block_outer) - var(--border_block_inner)) / 2);place-content:center;display:grid}.transform_innerBox__2V4uf{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border:2px solid var(--color-gray-500);border-radius:var(--border_block_radius);cursor:pointer}.transform_innerBox__2V4uf.transform_translate__TTWGp{will-change:transition;transition:transform .3s ease-in-out}.transform_innerBox__2V4uf.transform_translate__TTWGp:hover{transform:translateX(20px)}.transform_innerBox__2V4uf.transform_scale__zvlIP{background-color:var(--color-decorative-300);transition:transform .3s ease-in-out}.transform_innerBox__2V4uf.transform_scale__zvlIP:hover{transform:scale(1.2)}.transform_innerBox__2V4uf.transform_rotate__Zj_Eh{background-color:var(--color-gray-300);transition:transform .3s ease-in-out}.transform_innerBox__2V4uf.transform_rotate__Zj_Eh:hover{transform:rotate(10deg)}.transform_innerBox__2V4uf.transform_skew__4s9lZ{background-color:var(--color-primary-300);transition:transform .3s ease-in-out}.transform_innerBox__2V4uf.transform_skew__4s9lZ:hover{transform:skew(-15deg)}.transform_innerBox__2V4uf.transform_origin__4Vn4G{background-color:var(--color-decorative-300);transition:transform .3s ease-in-out}.transform_innerBox__2V4uf.transform_origin__4Vn4G:hover{transform:scale(1.2);transform-origin:right bottom}.transform_innerBox__2V4uf.transform_combine__lrzkQ{background-color:var(--color-gray-300);transition:transform .3s ease-in-out}.transform_innerBox__2V4uf.transform_combine__lrzkQ:hover{transform:translate(25px) rotate(90deg)}.transition_flexContainer__cuqKE{height:100px;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border-radius:var(--corner-medium)}.transition_flexContainer__cuqKE.transition_flexStart__NNNQl{justify-content:flex-start}.transition_flexItem__Cm_7z{width:var(--border_block_outer);height:var(--border_block_outer);border:2px dashed var(--color-gray-500);border-radius:calc(var(--border_block_radius) + (var(--border_block_outer) - var(--border_block_inner)) / 2);place-content:center;display:grid}.transition_innerBox__cWdgJ{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border:2px solid var(--color-gray-500);border-radius:var(--border_block_radius);cursor:pointer}.transition_innerBox__cWdgJ.transition_scaleOpacity__9EgjT{transition:transform .3s ease-in-out,opacity .3s,border-radius .3s}.transition_innerBox__cWdgJ.transition_scaleOpacity__9EgjT:hover{transform:scale(1.7);opacity:.5;border-radius:50%}.transition_innerBox__cWdgJ.transition_linear__xahHA{transition:transform .3s;transition-timing-function:linear}.transition_innerBox__cWdgJ.transition_linear__xahHA:active{transform:translateX(200px)}.zindex_div1__6EkHs{border:2px solid var(--color-gray-500);width:150px;height:150px;border-radius:6px;background-color:var(--color-gray-700);z-index:2;position:relative;text-align:center;padding:16px;color:var(--color-gray-0)}.zindex_div2__lHvh7{background-color:var(--color-primary-700);z-index:3;top:-88px;left:48px;padding:64px 16px 16px}.zindex_div2__lHvh7,.zindex_div3__FYP8h{border:2px solid var(--color-gray-500);width:150px;height:150px;border-radius:6px;position:relative;text-align:center;color:var(--color-gray-1000)}.zindex_div3__FYP8h{background-color:var(--color-decorative-700);z-index:1;top:-176px;left:88px;padding:112px 16px 16px}.CodeLine_display__VTu7M{background-color:var(--color-gray-700);color:var(--color-text-code);padding:1px 3px 2px 4px;border-radius:8px}.CodeLine_display__VTu7M.CodeLine_inline__TmCv_{display:inline}.CodeLine_inline__TmCv_.CodeLine_block__ezSjK{display:block}.CodeLine_inline__TmCv_.CodeLine_inlineBlock__Ryw6L{display:inline-block}.flexWrap_flexContainer__U0k6E{border:2px dashed var(--color-gray-300);padding:12px;display:flex;flex-wrap:wrap;resize:horizontal;cursor:default;overflow:auto;border-radius:var(--corner-medium)}.flexWrap_flexItem__JNypy{border-radius:6px;max-width:150px;min-width:75px;height:75px;background-color:var(--color-primary-300);flex:1 1;margin:6px}.flexWrap_flexItem__JNypy.flexWrap_box2__DvoZy{background-color:var(--color-gray-300)}.flexWrap_flexItem__JNypy.flexWrap_box3__V6Kxm{background-color:var(--color-decorative-300)}.flexboxBasics_flexContainer__JbaBX{border:2px dashed var(--color-gray-300);display:flex;flex-direction:row;border-radius:var(--corner-medium);padding:var(--padding-small)}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_alignItems__Rn5rn{height:90px;justify-content:center}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_alignItems__Rn5rn.flexboxBasics_flexStart__JdFke{justify-content:center;align-items:flex-start}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_alignItems__Rn5rn.flexboxBasics_flexEnd__HU0_x{justify-content:center;align-items:flex-end}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_alignItems__Rn5rn.flexboxBasics_stretch__YkV_o{justify-content:center;align-items:stretch}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_alignItems__Rn5rn.flexboxBasics_center__acZD_{justify-content:center;align-items:center}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_alignItems__Rn5rn.flexboxBasics_baseline__pMWDa{justify-content:center;align-items:baseline}.flexboxBasics_boxAlign__R0HV0{border:2px solid var(--color-gray-300);width:100px;min-height:25px;margin:6px}.flexboxBasics_boxAlign__R0HV0.flexboxBasics_flex1__0yCpo{background-color:var(--color-primary-300)}.flexboxBasics_boxAlign__R0HV0.flexboxBasics_flex2__B3gla{background-color:var(--color-decorative-300)}.flexboxBasics_boxAlign__R0HV0.flexboxBasics_flex3__RfeKd{background-color:var(--color-gray-500)}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_column__pe_El{flex-direction:column}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_flexStart__JdFke{justify-content:flex-start}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_flexEnd__HU0_x{justify-content:flex-end}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_center__acZD_{justify-content:center}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_spaceBetween__8Qbjn{justify-content:space-between}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_spaceAround__CCq_J{justify-content:space-around}.flexboxBasics_flexContainer__JbaBX.flexboxBasics_spaceEvenly__CDvCC{justify-content:space-evenly}.flexboxBasics_box__fdw0m{border:2px solid var(--color-gray-300);width:100px;height:75px;margin:6px}@media(max-width:1100px){.flexboxBasics_box__fdw0m{width:75px}}@media(max-width:500px){.flexboxBasics_box__fdw0m{width:50px}}.flexboxBasics_box__fdw0m.flexboxBasics_flex2__B3gla{background-color:var(--color-decorative-300)}.flexboxBasics_box__fdw0m.flexboxBasics_flex3__RfeKd{background-color:var(--color-gray-500)}.flexboxBasics_line__McMrW{border-top:2px solid var(--color-gray-300)}.fluidGrids_gridContainer__CQwZ1{display:grid;grid-gap:12px;gap:12px;border:2px dashed var(--color-gray-300);padding:12px;justify-content:center;resize:horizontal;overflow:auto;cursor:default;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));border-radius:var(--corner-medium)}.fluidGrids_gridContainer__CQwZ1.fluidGrids_columns__oEw5R{grid-template-columns:minmax(50px,1fr) minmax(200px,1fr)}.fluidGrids_gridItem1__ehSXc{background-color:var(--color-primary-300);height:75px}.fluidGrids_gridItem2__VI5oH{background-color:var(--color-gray-500);height:75px}.fluidGrids_gridItem3__QkpJM{background-color:var(--color-decorative-300);height:75px}.fluidGrids_gridItem4__GshCI{background-color:var(--color-gray-700);height:75px}.gridAlign_gridContainer__K6RDY{display:grid;grid-gap:12px;gap:12px;border:2px dashed var(--color-gray-300);border-radius:var(--corner-medium);padding:12px;justify-content:center;resize:horizontal;overflow:auto;cursor:default}.gridAlign_gridContainer__K6RDY.gridAlign_center__dJtf_{justify-content:center}.gridAlign_gridContainer__K6RDY.gridAlign_end__uLFdP{justify-content:end}.gridAlign_gridContainer__K6RDY.gridAlign_alignItemsCenter__Bgt6F{align-items:center}.gridAlign_gridContainer__K6RDY.gridAlign_fourBoxes___D2_M{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:12px;gap:12px;border:2px dashed var(--color-gray-300);padding:12px;align-items:center;justify-items:center}.gridAlign_gridItem1__JHD7O{background-color:var(--color-primary-300)}.gridAlign_gridItem1__JHD7O,.gridAlign_gridItem2__gTNiK{height:75px;width:100px;border-radius:var(--corner-medium)}.gridAlign_gridItem2__gTNiK{background-color:var(--color-gray-500)}.gridAlign_gridItem3__qhYYL{background-color:var(--color-decorative-300)}.gridAlign_gridItem3__qhYYL,.gridAlign_gridItem4__xLmQ0{height:75px;width:100px;border-radius:var(--corner-medium)}.gridAlign_gridItem4__xLmQ0{background-color:var(--color-gray-700);align-self:end;justify-self:end}.gridAreas_gridContainer__Nl3Wd{display:grid;border:2px dashed var(--color-gray-300);grid-gap:12px;gap:12px;grid-template-areas:"header header" "sidebar main" "footer footer";grid-template-columns:1fr 4fr;grid-template-rows:50px 1fr 50px;height:400px;border-radius:var(--corner-medium)}.gridAreas_sidebar__p7th6{background-color:var(--color-primary-300);grid-area:sidebar}.gridAreas_header__KYsUK{background-color:var(--color-decorative-300);grid-area:header}.gridAreas_main__MLyHQ{background-color:var(--color-gray-300);grid-area:main}.gridAreas_footer__JvZy7{background-color:var(--color-decorative-300);grid-area:footer}.gridColumns_gridContainer__vepYE{display:grid;border:2px dashed var(--color-gray-300);padding:var(--padding-medium);border-radius:var(--corner-medium);grid-gap:var(--padding-medium);gap:var(--padding-medium);grid-template-columns:calc(50% - var(--padding-medium)/2) calc(50% - var(--padding-medium)/2);box-sizing:border-box}.gridColumns_gridContainer__vepYE.gridColumns_FR__RXu7T{grid-template-columns:1fr 3fr 1fr}.gridColumns_oneFR__5tv73{display:grid;grid-template-rows:1fr 3fr 1fr;height:200px;border:2px dashed var(--color-gray-300);border-radius:var(--corner-medium);padding:12px;grid-gap:12px;gap:12px;overflow:auto}.gridColumns_gridItem1__kNsUF{height:75px;background-color:var(--color-primary-300);border-radius:6px}.gridColumns_gridItem2__DjHcS{height:75px;background-color:var(--color-decorative-300);border-radius:6px}.gridColumns_gridItem3__Pjda4{height:100%;background-color:var(--color-gray-500);border-radius:6px}.gridColumns_gridItemRow1__hIPtz,.gridColumns_gridItemRow2__7t5Xy{height:100%;background-color:var(--color-decorative-300);border-radius:6px}.gridColumns_gridItemRow3__pmAnh{height:100%;background-color:var(--color-gray-500);border-radius:6px}.mediaQueries_container__nTJLg{padding:12px;border:2px dashed var(--color-gray-300);display:flex;border-radius:var(--corner-medium)}.mediaQueries_item1___m9Rz{background-color:var(--color-primary-300);height:75px;flex:1 1;border-radius:var(--corner-medium)}@media (max-width:600px){.mediaQueries_item1___m9Rz{background-color:var(--color-decorative-300)}}.mediaQueries_item2__q_rW6{background-color:var(--color-decorative-300);height:75px}.mediaQueries_item3__PJhV7{background-color:var(--color-gray-300);height:75px}.mobileDesktopFirst_container__6JdGJ{padding:12px;border:2px dashed var(--color-gray-300);display:flex;border-radius:var(--corner-medium)}.mobileDesktopFirst_item1__bxsQz{background-color:var(--color-primary-300);height:75px;flex:1 1;border-radius:var(--corner-medium)}@media (max-width:600px){.mobileDesktopFirst_item1__bxsQz{background-color:var(--color-decorative-300)}}.mobileDesktopFirst_item2__hWeF3{background-color:var(--color-decorative-300);height:75px}.mobileDesktopFirst_item3__wpIjt{background-color:var(--color-gray-300);height:75px}.ratios_callout__3KLVQ{border:2px solid var(--color-primary-300);height:120px}.ratios_flexContainer__VSQV9{border:2px dashed var(--color-gray-300);padding:12px;display:flex;flex-basis:50px;gap:6px;border-radius:var(--corner-medium)}.ratios_flexContainer__VSQV9.ratios_basis100__KYqIX{flex-basis:100px}.ratios_flexContainer__VSQV9.ratios_tiny__ATyr_{width:250px}.ratios_box__AGuPT{border:2px solid var(--color-gray-300);height:75px;flex-basis:50px}.ratios_box__AGuPT.ratios_flex1__uiuMY{background-color:var(--color-primary-300)}.ratios_box__AGuPT.ratios_flex1__uiuMY.ratios_basis100__KYqIX{flex-basis:100px}.ratios_box__AGuPT.ratios_flex2__xC_a0{background-color:var(--color-decorative-300)}.ratios_box__AGuPT.ratios_flex2__xC_a0.ratios_basis100__KYqIX{flex-basis:100px}.ratios_box__AGuPT.ratios_flex2__xC_a0.ratios_basis100__KYqIX.ratios_grow__eXecY{flex-grow:2}.ratios_box__AGuPT.ratios_flex2__xC_a0.ratios_basis100__KYqIX.ratios_shrink__YSCGs{flex-shrink:10}.ratios_box__AGuPT.ratios_flex3__Po1Kk{background-color:var(--color-gray-300)}.ratios_box__AGuPT.ratios_flex3__Po1Kk.ratios_basis100__KYqIX{flex-basis:100px}.Callout_callout__LhCp9{background-color:var(--callout);border:2px dashed var(--color-gray-300);margin:24px 0;border-radius:6px;padding:14px 24px 12px 12px;display:flex;align-items:flex-start;gap:12px}.Callout_lightbulb__Iujp7{background-color:var(--color-gray-0);border:2px solid var(--color-primary-700);position:relative;top:0;border-radius:50%;height:32px;width:32px;text-align:center;padding-top:3px;padding-right:1px;box-sizing:border-box;flex-shrink:0}.absolute_absoluteOne__GVE1_{background-color:var(--color-decorative-500);top:10px;left:10px}.absolute_absoluteOne__GVE1_,.absolute_absoluteTwo__p0tS8{height:150px;width:150px;position:absolute;text-align:center;border-radius:6px;padding:55px 6px 6px;margin:auto;opacity:.75}.absolute_absoluteTwo__p0tS8{background-color:var(--color-primary-500);inset:0}.absolute_absoluteThree__HDjfw{background-color:var(--color-gray-500);height:150px;width:150px;position:absolute;text-align:center;border-radius:6px;padding:55px 6px 6px;bottom:10px;right:10px;margin:auto;opacity:.75}.absolute_container__mBe2Z{display:flex;height:500px;position:relative;border:2px dashed var(--color-gray-300);border-radius:var(--corner-medium)}.MotionDiv_flexContainer__XlH3A{height:100px;padding:12px;display:flex;flex-wrap:wrap;justify-content:flex-start;flex-direction:row;gap:12px;border-radius:var(--corner-medium)}.MotionDiv_flexItem__Ey3VM{width:var(--border_block_outer);height:var(--border_block_outer);border:2px dashed var(--color-gray-500);border-radius:calc(var(--border_block_radius) + (var(--border_block_outer) - var(--border_block_inner)) / 2);place-content:center;display:grid;perspective:300px}.MotionDiv_innerBox__rFRZP{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border:2px solid var(--color-gray-500);border-radius:var(--border_block_radius);cursor:pointer}.MotionDiv_innerBox__rFRZP.MotionDiv_translate__BpD2t{transition:transform .3s ease-in-out}.MotionDiv_innerBox__rFRZP.MotionDiv_translate__BpD2t:active{transform:translateX(-20px)}.MotionDiv_translatable-div__MCCCf{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border:2px solid var(--color-gray-500);border-radius:var(--border_block_radius);will-change:transition;transition:transform .5s ease-in-out}.MotionDiv_linear__Ddqi3{transform:translateX(200px);transition-timing-function:linear}.MotionDiv_easeOut__6kaBO{transform:translateX(200px);transition-timing-function:ease-out}.MotionDiv_easeIn__qSFzT{transform:translateX(200px);transition-timing-function:ease-in}.MotionDiv_easeInOut__YZ7G1{transform:translateX(200px);transition-timing-function:ease-in-out}.MotionDiv_rotateX1000__tQm4_,.MotionDiv_rotateX300__7Wlgn{transform:rotateX(75deg);transition-timing-function:ease-in-out}.MotionDiv_keyframeAnimation__X2PVZ{width:var(--border_block_inner);height:var(--border_block_inner);align-items:center;background-color:var(--color-primary-300);border:2px solid var(--color-gray-500);border-radius:var(--border_block_radius);will-change:transition}.MotionDiv_keyframeStart__MVrH7{animation:MotionDiv_stepper__b1NIS 1s;transform-origin:center;transition-timing-function:ease-out}@keyframes MotionDiv_stepper__b1NIS{0%{transform:translateX(0)}20%{transform:translateX(60px)}40%{transform:translateX(-60px)}60%{transform:translateX(30px)}80%{transform:translateX(-15px)}to{transform:translateX(0)}}.MotionDiv_motionButton__ujHMB{margin-top:var(--padding-medium);margin-left:4px;cursor:pointer;padding:var(--padding-medium);border-radius:var(--corner-medium);background-color:var(--color-decorative-300);will-change:transform;transition:transform .1s ease-in-out}.MotionDiv_motionButton__ujHMB:hover{transform:translateY(-1px)}.MotionDiv_motionButton__ujHMB:active{background-color:var(--color-decorative-600);outline:none}.fixed_fixedObject__k9TWA{position:fixed;border:5px dashed var(--color-checkerplate);width:170px;height:160px;inset:0;margin:auto}.page_red__7Jbic{color:red}.page_inlineContainer__ocQJ_{margin:12px;width:100%}.page_flexContainer__L5Xlj{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:6px}.page_slantyFont__5pVfi{font-weight:1025;font-stretch:125%;font-style:oblique -10deg}.page_gridContainer__7pS37{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr 1fr}@media(max-width:550px){.page_gridContainer__7pS37{grid-template-columns:1fr 1fr}}.page_twoCols__HZqPx{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr}.page_sectionCard__O0XQ1{margin:var(--padding-small);height:100px;display:flex;align-items:center;justify-content:center;font-weight:600;background-color:#f5f5f5;color:#000;padding:20px;border-radius:8px;text-decoration:none}.page_outerCard___KfLv{border-radius:var(--corner-large);border:2px dashed var(--color-backdrop)}.page_outerCard___KfLv:hover{animation:page_borderReveal__mPYba .1s forwards}@keyframes page_borderReveal__mPYba{0%{border:2px dashed var(--color-backdrop)}to{border:2px dashed var(--color-gray-200)}}.page_sectionCard__O0XQ1.page_shadowLight__78mWu{box-shadow:var(--shadow-medium);transition:box-shadow .5s ease-out}.page_sectionCard__O0XQ1.page_shadowLight__78mWu:hover{box-shadow:var(--shadow-high)}@keyframes page_shadowHover__d_CDn{0%{box-shadow:var(--shadow-medium)}to{box-shadow:var(--shadow-high)}}.page_topH2__gm8_8{position:relative}.SectionCard_sectionCard__6kbUh{height:100px;display:flex;align-items:center;justify-content:center;font-weight:600;background-color:#f5f5f5;color:#000;padding:20px;border-radius:8px;text-decoration:none}.SectionCard_sectionCard__6kbUh.SectionCard_shadowLight__vJht5{box-shadow:var(--shadow-medium);transition-timing-function:ease-out}.SectionCard_cardAction__MRRdr{height:100px;display:flex;align-items:center;justify-content:center;font-weight:600;background-color:#f5f5f5;color:#000;padding:20px;border-radius:8px;text-decoration:none;will-change:box-shadow}.SectionCard_sectionCard__6kbUh:hover{animation-delay:.2s;animation:SectionCard_shadowHover__IzRGY .5s forwards;transition-timing-function:ease-out}.SectionCard_sectionCard__6kbUh.SectionCard_shadowLight__vJht5.SectionCard_finished__wU0pQ{animation:SectionCard_shadowHoverReverse__Q1_57 .5s forwards;transition-timing-function:ease-in}@keyframes SectionCard_shadowHover__IzRGY{0%{box-shadow:var(--shadow-medium)}to{box-shadow:var(--shadow-high)}}@keyframes SectionCard_shadowHoverReverse__Q1_57{0%{box-shadow:var(--shadow-high)}to{box-shadow:var(--shadow-medium)}}.relative_container__a5ohQ{border:2px dashed var(--color-gray-300);padding:6px;width:-moz-fit-content;width:fit-content;height:100px}.relative_container__a5ohQ.relative_inner__aGBi_{display:inline-block;width:90px;height:100%;margin-right:6px}.relative_container__a5ohQ.relative_inner__aGBi_:last-child{background-color:var(--color-decorative-500);position:relative;left:-20px;top:-12px}.relative_boxMiddle__Z5alm{background-color:var(--color-decorative-500);opacity:.75;width:100%;height:100%;position:relative;top:-24px}.sticky_stickyBox__nN6xp{position:-webkit-sticky;position:sticky;border:5px dashed var(--color-checkerplate);width:250px;height:200px;border-radius:6px;top:20px;margin-top:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin-left:auto;margin-right:auto}.width_fixedWidth__wpSJH{width:320px}.width_fixedWidth__wpSJH,.width_responsiveWidth__S4CZL{height:75px;background-color:var(--color-primary-100);border-radius:var(--corner-medium);text-align:center;padding-top:24px}.width_responsiveWidth__S4CZL{width:100%;margin-top:6px}.width_container__gu1Yv{width:100%;border:2px dashed var(--color-gray-300);border-radius:var(--corner-medium);padding:6px;margin:12px 0;display:block}.width_blockLetters__b81Hm{display:block;color:var(--color-gray-1000);background-color:var(--color-decorative-500);padding:6px;margin:4px}.width_blockLetters__b81Hm.width_minContent__O0IwR{width:min-content;border-radius:var(--corner-medium);padding:var(--padding-medium)}.width_blockLetters__b81Hm.width_maxContent__crqTt{width:max-content;border-radius:var(--corner-medium);padding:var(--padding-medium)}.width_blockLetters__b81Hm.width_fitContent__NP6iZ{width:-moz-fit-content;width:fit-content;border-radius:var(--corner-medium);padding:var(--padding-medium)}.width_containerWidth__ByXOv{border:2px dashed var(--color-gray-300);padding:6px;margin:12px 0}.width_containerWidth__ByXOv.width_wide__vIEWC{max-width:700px;min-width:300px}.width_coolDesign__ppRAH{display:block;color:var(--color-gray-1000);background-color:var(--color-primary-500);padding:12px;margin:4px;border-radius:24px}.width_line__4tsYZ{border-top:2px dashed var(--color-gray-300)}.width_line__4tsYZ.width_width700__wTHlI{width:700px;display:inline-block;text-align:center}.width_line__4tsYZ.width_width300__3E7Nt{width:300px;display:inline-block;text-align:center;margin-top:16px}