.patterns_card-base__KV3Mt{position:relative;display:flex;flex-direction:column;background-color:var(--card-background);border:var(--card-border-width) solid var(--border-primary);border-radius:var(--card-border-radius);padding:var(--card-padding);box-shadow:var(--card-shadow-default);transition:border-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth);overflow:hidden}.patterns_card-hover__B3Hej{transition:border-color var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth)}.patterns_card-hover__B3Hej:hover{background-color:var(--card-background-hover)}.patterns_glass-panel__Un9kD{background:var(--glass-background);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.patterns_accent-border-top__zIEKp:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-accent-height);background-color:var(--accent-color,var(--accent-primary));opacity:var(--card-accent-opacity);transition:opacity var(--dur-fast) var(--ease-smooth)}.patterns_accent-border-top__zIEKp:hover:before{opacity:var(--card-accent-opacity-hover)}.patterns_card-header__Syxtd{display:flex;align-items:center;margin-bottom:var(--space-2)}.patterns_feature-list-item__Sn5_B{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-7);background-color:var(--background-secondary);border-radius:var(--radius-xl);overflow:hidden}.patterns_list-item-accent-border__ZDrKe{border:1px solid;border-left:4px solid}@media (max-width:768px){.patterns_feature-list-item__Sn5_B{gap:var(--space-4);padding:var(--space-6)}}.patterns_badge-base__KXFR6{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-family-base);font-size:var(--font-size-badge);font-weight:var(--font-weight-semibold);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-border-radius);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}.patterns_badge-tinted__JXQoD{--badge-color:var(--accent-primary);color:var(--badge-color);background-color:color-mix(in srgb,var(--badge-color) 12%,transparent);border:1px solid transparent}.patterns_badge-outlined__uLFLA{--badge-color:var(--accent-primary);color:var(--badge-color);background-color:color-mix(in srgb,var(--badge-color) 10%,transparent);border:1px solid var(--badge-color)}.patterns_badge-uppercase__qSkHY{letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.patterns_badge-pill__CrGmN{border-radius:var(--radius-full)}.patterns_badge-hover__7DQNi:hover{background-color:color-mix(in srgb,var(--badge-color) 20%,transparent);transform:translateY(-1px)}.patterns_ripple-base__bqptK{position:relative;overflow:hidden}.patterns_ripple-base__bqptK:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.4) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:width var(--dur-normal) var(--ease-out-quad),height var(--dur-normal) var(--ease-out-quad),opacity var(--dur-normal) var(--ease-out-quad);pointer-events:none}.patterns_ripple-base__bqptK:active:after{width:300%;height:300%;opacity:1;transition:width 0s,height 0s,opacity 0s}.patterns_ripple-dark__nD8qm:after{background:radial-gradient(circle,rgba(0,0,0,.15) 0,transparent 70%)}.patterns_copy-button-primary__HNW_a{--copy-button-accent:var(--accent-primary);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-family-base);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--button-text-on-accent);background-color:var(--copy-button-accent);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth);min-height:var(--button-height-md);position:relative;overflow:hidden}.patterns_copy-button-primary__HNW_a:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.4) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:width var(--dur-normal) var(--ease-out-quad),height var(--dur-normal) var(--ease-out-quad),opacity var(--dur-normal) var(--ease-out-quad);pointer-events:none}.patterns_copy-button-primary__HNW_a:hover{background-color:var(--accent-hover)}.patterns_copy-button-primary__HNW_a:active{transform:scale(.98)}.patterns_copy-button-primary__HNW_a:active:after{width:300%;height:300%;opacity:1;transition:width 0s,height 0s,opacity 0s}.patterns_copy-button-primary__HNW_a[data-copied=true]{background-color:var(--success-text)}.patterns_copy-button-primary__HNW_a:focus-visible{outline:2px solid var(--copy-button-accent);outline-offset:2px}.patterns_copy-button-primary__HNW_a svg{flex-shrink:0}@media (prefers-reduced-motion:reduce){.patterns_badge-base__KXFR6,.patterns_badge-hover__7DQNi,.patterns_copy-button-primary__HNW_a,.patterns_copy-button-primary__HNW_a:after,.patterns_ripple-base__bqptK:after{transition:none}.patterns_badge-hover__7DQNi:hover,.patterns_copy-button-primary__HNW_a:active{transform:none}.patterns_copy-button-primary__HNW_a:active:after,.patterns_ripple-base__bqptK:active:after{width:0;height:0;opacity:0}}.InteractiveButton_buttonWrapper__AY3cH,.InteractiveButton_link__sss_a{display:inline-flex;text-decoration:none;background:none;border:none;padding:0;cursor:pointer}.InteractiveButton_container__8ZDlh{display:flex;align-items:center;gap:var(--space-1)}.InteractiveButton_arrowButton__vWsfU,.InteractiveButton_mainButton__24iVE{display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--button-height-lg);border-radius:var(--radius-lg);transition:border-radius var(--dur-normal) var(--ease-smooth),background-color var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),transform var(--dur-normal) var(--ease-smooth);border:1px solid transparent;will-change:border-radius,background-color,border-color,transform}.InteractiveButton_mainButton__24iVE{flex-shrink:0;padding:0 var(--space-6)}.InteractiveButton_arrowButton__vWsfU{width:var(--button-height-lg);flex-shrink:0;padding:0}.InteractiveButton_arrowIcon__0ZhSN{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-normal) var(--ease-smooth);will-change:transform}.InteractiveButton_text__WRSl4{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);line-height:var(--line-height-snug);text-align:center;white-space:nowrap;position:relative;transition:color var(--dur-normal) var(--ease-smooth)}.InteractiveButton_text__WRSl4:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:center;transition:transform var(--dur-normal) var(--ease-smooth)}.InteractiveButton_default__EvINE{background-color:var(--accent-primary);color:var(--accent-contrast)}.InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4{color:var(--accent-contrast)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_default__EvINE,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_default__EvINE,.InteractiveButton_link__sss_a:hover .InteractiveButton_default__EvINE{background-color:var(--background-primary);border-color:var(--text-primary);color:var(--text-primary)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4,.InteractiveButton_link__sss_a:hover .InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4{color:var(--text-primary)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4:after,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4:after,.InteractiveButton_link__sss_a:hover .InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4:after{transform:scaleX(1)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_mainButton__24iVE.InteractiveButton_default__EvINE,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_mainButton__24iVE.InteractiveButton_default__EvINE,.InteractiveButton_link__sss_a:hover .InteractiveButton_mainButton__24iVE.InteractiveButton_default__EvINE{border-radius:var(--button-radius-lg)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_arrowButton__vWsfU.InteractiveButton_default__EvINE,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_arrowButton__vWsfU.InteractiveButton_default__EvINE,.InteractiveButton_link__sss_a:hover .InteractiveButton_arrowButton__vWsfU.InteractiveButton_default__EvINE{border-radius:var(--button-radius-lg);transform:translateX(4px)}.InteractiveButton_smells__pp2Uy .InteractiveButton_default__EvINE{background-color:var(--tool-smells)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_smells__pp2Uy .InteractiveButton_default__EvINE,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_smells__pp2Uy .InteractiveButton_default__EvINE,.InteractiveButton_link__sss_a:hover .InteractiveButton_smells__pp2Uy .InteractiveButton_default__EvINE{background-color:var(--background-primary);border-color:var(--tool-smells);color:var(--tool-smells)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_smells__pp2Uy .InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_smells__pp2Uy .InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4,.InteractiveButton_link__sss_a:hover .InteractiveButton_smells__pp2Uy .InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4{color:var(--tool-smells)}.InteractiveButton_smells__pp2Uy.InteractiveButton_container__8ZDlh .InteractiveButton_default__EvINE{background-color:var(--tool-smells)}.InteractiveButton_link__sss_a:hover .InteractiveButton_smells__pp2Uy.InteractiveButton_container__8ZDlh .InteractiveButton_default__EvINE,.InteractiveButton_smells__pp2Uy.InteractiveButton_container__8ZDlh:hover .InteractiveButton_default__EvINE{background-color:var(--background-primary);border-color:var(--tool-smells);color:var(--tool-smells)}.InteractiveButton_link__sss_a:hover .InteractiveButton_smells__pp2Uy.InteractiveButton_container__8ZDlh .InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4,.InteractiveButton_smells__pp2Uy.InteractiveButton_container__8ZDlh:hover .InteractiveButton_default__EvINE .InteractiveButton_text__WRSl4{color:var(--tool-smells)}.InteractiveButton_outline__zmYBR{background-color:var(--background-primary);border-color:var(--text-primary);color:var(--text-primary)}.InteractiveButton_outline__zmYBR .InteractiveButton_text__WRSl4{color:var(--text-primary)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_outline__zmYBR,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_outline__zmYBR,.InteractiveButton_link__sss_a:hover .InteractiveButton_outline__zmYBR{background-color:var(--accent-primary);border-color:transparent;color:var(--accent-contrast)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_outline__zmYBR .InteractiveButton_text__WRSl4,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_outline__zmYBR .InteractiveButton_text__WRSl4,.InteractiveButton_link__sss_a:hover .InteractiveButton_outline__zmYBR .InteractiveButton_text__WRSl4{color:var(--accent-contrast)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_outline__zmYBR .InteractiveButton_text__WRSl4:after,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_outline__zmYBR .InteractiveButton_text__WRSl4:after,.InteractiveButton_link__sss_a:hover .InteractiveButton_outline__zmYBR .InteractiveButton_text__WRSl4:after{transform:scaleX(1)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_mainButton__24iVE.InteractiveButton_outline__zmYBR,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_mainButton__24iVE.InteractiveButton_outline__zmYBR,.InteractiveButton_link__sss_a:hover .InteractiveButton_mainButton__24iVE.InteractiveButton_outline__zmYBR{border-radius:var(--button-radius-lg)}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_arrowButton__vWsfU.InteractiveButton_outline__zmYBR,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_arrowButton__vWsfU.InteractiveButton_outline__zmYBR,.InteractiveButton_link__sss_a:hover .InteractiveButton_arrowButton__vWsfU.InteractiveButton_outline__zmYBR{border-radius:var(--button-radius-lg);transform:translateX(4px)}.InteractiveButton_buttonWrapper__AY3cH:focus-visible .InteractiveButton_arrowButton__vWsfU,.InteractiveButton_buttonWrapper__AY3cH:focus-visible .InteractiveButton_mainButton__24iVE,.InteractiveButton_link__sss_a:focus-visible .InteractiveButton_arrowButton__vWsfU,.InteractiveButton_link__sss_a:focus-visible .InteractiveButton_mainButton__24iVE{outline:2px solid var(--accent-primary);outline-offset:2px}.InteractiveButton_buttonDisabled__lji4j{cursor:not-allowed;pointer-events:none}.InteractiveButton_disabled__CVFqt{background-color:var(--accent-disabled)!important;border-color:transparent!important;transform:none!important}.InteractiveButton_disabled__CVFqt,.InteractiveButton_disabled__CVFqt .InteractiveButton_text__WRSl4{color:var(--background-primary)!important;transition:none!important}.InteractiveButton_disabled__CVFqt .InteractiveButton_text__WRSl4:after{display:none!important}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_disabled__CVFqt,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_disabled__CVFqt{background-color:var(--accent-disabled)!important;border-color:transparent!important;border-radius:var(--radius-lg)!important;transform:none!important}.InteractiveButton_buttonWrapper__AY3cH:hover .InteractiveButton_disabled__CVFqt .InteractiveButton_text__WRSl4,.InteractiveButton_container__8ZDlh:hover .InteractiveButton_disabled__CVFqt .InteractiveButton_text__WRSl4{color:var(--background-primary)!important}@media (max-width:768px){.InteractiveButton_arrowButton__vWsfU,.InteractiveButton_mainButton__24iVE{height:var(--button-height-md)}.InteractiveButton_mainButton__24iVE{padding:0 var(--space-4)}.InteractiveButton_arrowButton__vWsfU{width:var(--button-height-md);padding:0}.InteractiveButton_text__WRSl4{font-size:var(--font-size-body-sm)}}.InteractiveButton_hoverExpandButton__4ltME{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;cursor:pointer;overflow:hidden;border-radius:var(--radius-full);border:1px solid var(--accent-primary);padding:var(--space-2) var(--space-6);text-align:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-body-sm);background-color:var(--accent-primary);color:var(--accent-contrast);text-decoration:none;transition:box-shadow var(--dur-normal) var(--ease-smooth)}.InteractiveButton_hoverExpandButton__4ltME:focus,.InteractiveButton_hoverExpandButton__4ltME:hover,.InteractiveButton_hoverExpandButton__4ltME:visited{text-decoration:none}.InteractiveButton_hoverExpandButton__4ltME:hover{box-shadow:var(--shadow-lg)}.InteractiveButton_hoverExpandButton__4ltME:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.InteractiveButton_whiteDot__DN4b0{position:absolute;left:var(--space-6);top:50%;height:var(--space-2);width:var(--space-2);transform:translateY(-50%);border-radius:var(--radius-circle);background-color:white;transition:all var(--dur-normal) var(--ease-smooth);transform-origin:center}.InteractiveButton_hoverExpandButton__4ltME:hover .InteractiveButton_whiteDot__DN4b0{transform:translateY(-50%) scale(100)}.InteractiveButton_originalText__e4NSS{position:relative;z-index:10;display:inline-flex;align-items:center;gap:var(--space-2)}.InteractiveButton_textContent__VCi_F{margin-left:var(--space-4);color:var(--accent-contrast);transition:all var(--dur-normal) var(--ease-smooth)}.InteractiveButton_hoverExpandButton__4ltME:hover .InteractiveButton_textContent__VCi_F{transform:translateX(3rem);opacity:0}.InteractiveButton_hoverText__rru19{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--accent-primary);opacity:0;transition:all var(--dur-normal) var(--ease-smooth)}.InteractiveButton_hoverExpandButton__4ltME:hover .InteractiveButton_hoverText__rru19{opacity:1}.InteractiveButton_hoverTextLabel__b6jJ8{font-weight:var(--font-weight-semibold)}