.btn-s,.btn-m,.btn-l{background-color:var(--btn-color)!important;display:inline-flex;align-items:center;justify-content:center;color:var(--btn-text-color)!important;font-weight:500;text-decoration-line:none;border-radius:var(--radius-lg);transition:200ms ease-in-out all}.btn-s,.btn-m,.btn-l{cursor:pointer;border:var(--btn-border-width) solid var(--btn-border-color);--btn-border-color:transparent;--btn-border-width:0}.btn-s:hover,.btn-m:hover,.btn-l:hover{background-color:var(--btn-hover-color)!important}.breakdance .btn-s{font-size:0.875rem;line-height:1.25rem;padding:0.375rem 0.75rem 0.375rem 0.75rem}.breakdance .btn-m{font-size:1rem;line-height:1.5rem;padding:0.5rem 1rem 0.5rem 1rem}.breakdance .btn-l{font-size:1.125rem;line-height:1.75rem;padding:0.75rem 1.5rem 0.75rem 1.5rem}.breakdance .btn-black{--btn-color:var(--dark-neutral);--btn-hover-color:var(--base-black);--btn-text-color:var(--base-white);--btn-light-color:var(--surface-neutral);--btn-light-hover-color:var(--subtle-neutral);--btn-light-text-color:var(--text-neutral)}.breakdance .btn-primary{--btn-color:var(--base-primary);--btn-hover-color:var(--hover-primary);--btn-text-color:var(--base-white);--btn-light-color:var(--surface-primary);--btn-light-hover-color:var(--subtle-primary);--btn-light-text-color:var(--text-primary)}.breakdance .btn-secondary{--btn-color:var(--base-secondary);--btn-hover-color:var(--hover-secondary);--btn-text-color:var(--base-white);--btn-light-color:var(--surface-secondary);--btn-light-hover-color:var(--subtle-secondary);--btn-light-text-color:var(--text-secondary)}.breakdance .btn-accent{--btn-color:var(--base-accent);--btn-hover-color:var(--hover-accent);--btn-text-color:var(--base-white);--btn-light-color:var(--surface-accent);--btn-light-hover-color:var(--subtle-accent);--btn-light-text-color:var(--text-accent)}.breakdance .btn-tertiary{--btn-color:var(--base-tertiary);--btn-hover-color:var(--hover-tertiary);--btn-text-color:var(--base-white);--btn-light-color:var(--surface-tertiary);--btn-light-hover-color:var(--subtle-tertiary);--btn-light-text-color:var(--text-tertiary)}.breakdance .btn-white{--btn-color:var(--base-white);--btn-hover-color:var(--subtle-neutral);--btn-text-color:var(--base-black);--btn-light-color:var(--surface-neutral);--btn-light-text-color:var(--text-neutral);--btn-border-color:var(--border-neutral);--btn-border-width:0px}.breakdance .btn-light{background:var(--btn-light-color)!important;color:var(--btn-light-text-color)!important}.btn-light:hover{background-color:var(--btn-light-hover-color)!important}.breakdance .btn-link{background:transparent!important;--btn-text-color:var(--btn-color)}.btn-link:hover{background-color:transparent!important;--btn-text-color:var(--btn-hover-color)}.breakdance .btn-outline{background:transparent!important;--btn-border-width:1px;--btn-border-color:var(--btn-color);--btn-text-color:var(--btn-color)}.btn-outline:hover{background-color:transparent!important;--btn-border-color:var(--btn-hover-color);--btn-text-color:var(--btn-hover-color)}.breakdance .fine-grain{.fine-grain{position:relative;overflow:hidden}.fine-grain::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='fineGrain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23fineGrain)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:150px;opacity:0.08;pointer-events:none;z-index:1}.fine-grain>*{position:relative;z-index:2}}.coarse-grain{position:relative;overflow:hidden}.coarse-grain::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='coarseGrain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23coarseGrain)'/%3E%3C/svg%3E%3C/svg%3E");background-repeat:repeat;background-size:220px;opacity:0.2;pointer-events:none;z-index:1}.coarse-grain>*{position:relative;z-index:2}}.breakdance .my-noisy-element{<svg style="position: absolute; width: 0; height: 0;"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch" /><feColorMatrix type="saturate" values="0" /><feBlend mode="multiply" in="SourceGraphic" /></filter></svg>}.my-noisy-element{background-color:#131516;position:relative}.my-noisy-element::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(#noiseFilter);opacity:0.5;pointer-events:none}.breakdance .noise-effect{.noise-effect::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%90noise)' opacity='0.2'/%3E%3C/svg%3E");pointer-events:none}}.breakdance .noise-effect-dark{.noise-effect-dark{position:relative;overflow:hidden}.noise-effect-dark::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:0.08;mix-blend-mode:overlay;pointer-events:none;z-index:1}.noise-effect-dark>*{position:relative;z-index:2}}