.AuthForm-module__9QpV2q__authForm{gap:var(--spacing);padding:var(--double-spacing);border-radius:var(--border-radius);border:var(--border);background-color:var(--surface);box-shadow:var(--box-shadow);width:clamp(400px,50%,75dvw);display:grid}.AuthForm-module__9QpV2q__authForm h2{text-align:center}.AuthForm-module__9QpV2q__fieldset{border:none;margin:0;padding:0;display:contents}
.Button-module__e7WGRa__Button{--bg-color:var(--surface);--accent-color:var(--hover-color);--text-color:var(--foreground);justify-content:center;align-items:center;gap:var(--half-spacing);border:1px var(--text-color) solid;background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-duration) ease;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:var(--half-spacing) var(--spacing);border-radius:var(--half-spacing);font-weight:700;display:inline-flex}.Button-module__e7WGRa__Button:not(:disabled):hover{background-color:color-mix(in oklch, var(--bg-color) 95%, var(--foreground))}.Button-module__e7WGRa__Button:not(:disabled):active{box-shadow:inset 0 0 0 1px var(--border-color);background-color:color-mix(in oklch, var(--bg-color) 85%, var(--foreground))}.Button-module__e7WGRa__Button:disabled{cursor:not-allowed;opacity:.4}.Button-module__e7WGRa__Button[data-severity=danger]{--bg-color:var(--error-bg);--accent-color:var(--error-accent);--text-color:var(--error-text)}.Button-module__e7WGRa__icon{flex-shrink:0;font-size:.9em}
.FormAlert-module__LjHZmG__alert{align-items:flex-start;gap:var(--spacing);padding:var(--half-spacing);border:1px solid var(--alert-accent-color);border-radius:var(--half-spacing);background-color:var(--alert-bg-color);color:var(--alert-text-color);font-family:var(--font-body);display:flex}.FormAlert-module__LjHZmG__alert[data-severity=error]{--alert-bg-color:var(--error-bg);--alert-accent-color:var(--error-accent);--alert-text-color:var(--error-text)}.FormAlert-module__LjHZmG__alert[data-severity=warning]{--alert-bg-color:var(--warning-bg);--alert-accent-color:var(--warning-accent);--alert-text-color:var(--warning-text)}.FormAlert-module__LjHZmG__alert[data-severity=info]{--alert-bg-color:var(--info-bg);--alert-accent-color:var(--info-accent);--alert-text-color:var(--info-text)}.FormAlert-module__LjHZmG__alert[data-severity=success]{--alert-bg-color:var(--success-bg);--alert-accent-color:var(--success-accent);--alert-text-color:var(--success-text)}.FormAlert-module__LjHZmG__content{align-items:flex-start;gap:var(--half-spacing);flex:1;display:flex}.FormAlert-module__LjHZmG__icon{color:var(--alert-accent-color);flex-shrink:0;margin-top:2px;font-size:1.2rem}.FormAlert-module__LjHZmG__message{flex:1}
.FormGroup-module__qJJzUa__formGroup{gap:var(--half-spacing);min-width:0;display:grid}.FormGroup-module__qJJzUa__formGroup[data-inline=true]{grid-auto-flow:column;justify-content:start;align-items:center}.FormGroup-module__qJJzUa__formGroup[data-inline=true] input[type=checkbox]{margin:0}.FormGroup-module__qJJzUa__formGroup[data-inline=true] label{cursor:pointer}
.Dialog-module__Bw1M2G__dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:backdrop-filter var(--transition-duration) ease;background:0 0}.Dialog-module__Bw1M2G__content{display:contents}
.FormLink-module__YsTF0G__formLink{text-align:center;font-size:small}.FormLink-module__YsTF0G__formLink a{color:var(--link-color);transition:color var(--transition-duration) ease;font-weight:500;text-decoration:none}.FormLink-module__YsTF0G__formLink a:hover{text-decoration:underline}
.Breadcrumb-module__MpwlZq__item{align-items:center;gap:var(--half-spacing);display:flex}.Breadcrumb-module__MpwlZq__breadcrumb{white-space:nowrap;text-overflow:ellipsis;align-content:center;min-width:0;display:block;overflow:hidden}.Breadcrumb-module__MpwlZq__breadcrumb>.Breadcrumb-module__MpwlZq__link+.Breadcrumb-module__MpwlZq__link:before{content:"|";color:var(--foreground);margin:0 var(--half-spacing);font-weight:400}.Breadcrumb-module__MpwlZq__link{color:var(--foreground);text-decoration:none}.Breadcrumb-module__MpwlZq__link[data-current=true]{color:var(--foreground);pointer-events:none;font-weight:600}
.NumberInput-module__TfjJ_W__container{flex-direction:row;display:flex}.NumberInput-module__TfjJ_W__input{width:5ch;font-family:var(--font-body);text-align:center;color:var(--foreground);background-color:var(--surface);border-top:var(--border);border-bottom:var(--border);background-color:var(--surface);transition:border-color var(--transition-duration-short);appearance:textfield;border-left:none;border-right:none}.NumberInput-module__TfjJ_W__input::-webkit-inner-spin-button{appearance:none;margin:0}.NumberInput-module__TfjJ_W__input::-webkit-outer-spin-button{appearance:none;margin:0}.NumberInput-module__TfjJ_W__input:focus{border-color:var(--foreground);background-color:var(--hover-color);outline:none}.NumberInput-module__TfjJ_W__actionButton{--size:3ch;width:var(--size);height:var(--size);border:var(--border);background-color:var(--surface);touch-action:manipulation;cursor:pointer;transition:all var(--transition-duration) ease-in-out;flex-shrink:0}.NumberInput-module__TfjJ_W__actionButton:hover{background-color:var(--hover-color)}.NumberInput-module__TfjJ_W__actionButton:disabled{opacity:.4;pointer-events:none}
.Popover-module__YE3OyG__popover{z-index:1002;filter:drop-shadow(0 8px 24px #00000059)drop-shadow(0 2px 6px #00000040)}.Popover-module__YE3OyG__arrow{--size:16px;width:var(--size);height:var(--size);border:var(--border);background-color:var(--surface);position:absolute;transform:rotate(45deg)}.Popover-module__YE3OyG__heading{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.Popover-module__YE3OyG__panel{align-items:center;gap:var(--half-spacing);padding:var(--spacing);border:var(--border);border-radius:var(--border-radius);color:var(--foreground);background-color:var(--surface);flex-direction:column;display:flex;position:relative}
.IconButtonBadge-module__Cg364q__wrapper{display:inline-flex;position:relative}.IconButtonBadge-module__Cg364q__badge{--size:1.75em;--distance:-.5em;top:var(--distance);right:var(--distance);min-width:var(--size);height:var(--size);color:var(--surface);background-color:var(--foreground);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;padding:0 .2em;font-size:.7rem;line-height:1;display:flex;position:absolute}.IconButtonBadge-module__Cg364q__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.ActionBarDivider-module__2crruW__actionBarDivider{border-left:var(--border);align-self:stretch;width:0;padding:0}
.AccountButton-module__e0jGBa__accountLink{--size:3em;width:var(--size);height:var(--size);aspect-ratio:1;border:var(--border);color:var(--foreground);background-color:var(--surface);transition:background-color var(--transition-duration) ease;cursor:pointer;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.AccountButton-module__e0jGBa__accountLink:hover{background-color:var(--hover-color)}.AccountButton-module__e0jGBa__accountLink:active{border:2px var(--border-color) solid}.AccountButton-module__e0jGBa__accountLink[data-size=small]{--size:2em;font-size:.8rem}.AccountButton-module__e0jGBa__icon{width:1.1em;height:1.1em}.AccountButton-module__e0jGBa__menuItem{border-radius:var(--border-radius);width:100%;font:inherit;text-align:left;color:var(--foreground);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.6em;padding:.5em .75em;text-decoration:none;display:flex}.AccountButton-module__e0jGBa__menuItem:hover{background-color:var(--hover-color)}.AccountButton-module__e0jGBa__menuIcon{flex-shrink:0;width:1.1em;height:1.1em}
.MetronomeTempoInput-module__RPdrqa__tempoInput{gap:var(--half-spacing);margin-top:var(--spacing);grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 200px 1fr;place-items:center;display:grid}.MetronomeTempoInput-module__RPdrqa__tempoDisplay{align-items:baseline;gap:var(--half-spacing);flex-direction:row;display:flex}.MetronomeTempoInput-module__RPdrqa__slider{width:100%}.MetronomeTempoInput-module__RPdrqa__tempoNumberInput{width:5ch;padding:var(--quarter-spacing) var(--half-spacing);font-family:var(--font-headings);text-align:center;color:var(--foreground);background-color:var(--surface);border:var(--border);border-radius:var(--half-spacing);transition:border-color var(--transition-duration);appearance:textfield;font-size:1.5em;font-weight:700}.MetronomeTempoInput-module__RPdrqa__tempoNumberInput::-webkit-inner-spin-button{appearance:none;margin:0}.MetronomeTempoInput-module__RPdrqa__tempoNumberInput::-webkit-outer-spin-button{appearance:none;margin:0}.MetronomeTempoInput-module__RPdrqa__tempoNumberInput:focus{border-color:var(--foreground);background-color:var(--hover-color);outline:none}
.ResultDialog-module__MiDSXa__container{border-radius:var(--border-radius);z-index:1000;--accent-color:var(--lightningcss-light,#d84343)var(--lightningcss-dark,#ff8080);--background-color:var(--lightningcss-light,#ffefef)var(--lightningcss-dark,#4a3339);border:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ResultDialog-module__MiDSXa__container[data-correct=true]{--accent-color:var(--lightningcss-light,#3fa14f)var(--lightningcss-dark,#80e090);--background-color:var(--lightningcss-light,#efffee)var(--lightningcss-dark,#2c4438)}.ResultDialog-module__MiDSXa__card{align-items:center;gap:var(--spacing);color:var(--foreground);padding:var(--double-spacing);background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:var(--border);flex-direction:column;max-width:90vw;max-height:90vh;display:flex;position:relative;overflow:hidden}.ResultDialog-module__MiDSXa__card>:not(.ResultDialog-module__MiDSXa__icon){z-index:2;position:relative}.ResultDialog-module__MiDSXa__card:hover .ResultDialog-module__MiDSXa__icon{transition:all var(--transition-duration) ease;transform:translate(-50%,-50%)rotate(40deg)scale(1.1)}.ResultDialog-module__MiDSXa__icon{z-index:1;color:var(--accent-color);pointer-events:none;opacity:.2;transition:all var(--transition-duration) ease;font-size:150px;position:absolute;top:25%;left:25%;transform:translate(-50%,-50%)rotate(30deg)}@keyframes ResultDialog-module__MiDSXa__dialogAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ResultDialog-module__MiDSXa__container[open] .ResultDialog-module__MiDSXa__card{animation:ResultDialog-module__MiDSXa__dialogAppear var(--transition-duration) ease-out forwards}
.AudioSettings-module__UYqlKW__tempoInputContainer{align-items:center;gap:var(--quarter-spacing);flex-direction:column;display:flex}.AudioSettings-module__UYqlKW__tempoInputContainer input[type=range]{width:100%}.AudioSettings-module__UYqlKW__volumeControl{grid-template-columns:1fr 3em;display:grid}.AudioSettings-module__UYqlKW__bpm{font-size:.875em;font-family:var(--font-headings);place-self:center;font-weight:700}
.RoundActionButton-module__ox2hgq__roundActionButton{--size:3em;width:var(--size);height:var(--size);aspect-ratio:1;border:var(--border);color:var(--foreground);background-color:var(--surface);transition:background-color var(--transition-duration) ease;cursor:pointer;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.RoundActionButton-module__ox2hgq__roundActionButton:not(:disabled):hover{background-color:var(--hover-color)}.RoundActionButton-module__ox2hgq__roundActionButton:not(:disabled):active{border:2px var(--border-color) solid}.RoundActionButton-module__ox2hgq__roundActionButton[data-size=small]{--size:2em;font-size:.8rem}.RoundActionButton-module__ox2hgq__roundActionButton[data-size=large]{--size:4em;font-size:1.2rem}.RoundActionButton-module__ox2hgq__roundActionButton:disabled{cursor:not-allowed;opacity:.4}.RoundActionButton-module__ox2hgq__icon{width:var(--icon-size,1.1em);height:var(--icon-size,1.1em)}.RoundActionButton-module__ox2hgq__label{font-family:var(--font-body);font-size:1em;font-weight:700}
.BlurredBackground-module__60NENG__blurredBackground{z-index:999;color:#0000;-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none;width:100%;height:100%;transition:backdrop-filter var(--transition-duration) ease;position:fixed;top:0;left:0}.BlurredBackground-module__60NENG__blurredBackground[data-active=true]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}
.BuildingBlock-module__-8AWkq__buildingBlockContainer{width:75px;height:75px;padding:var(--half-spacing);aspect-ratio:1;border-radius:var(--border-radius);transition:all var(--transition-duration-short) ease;justify-content:center;align-items:center;display:flex}.BuildingBlock-module__-8AWkq__buildingBlockContainer svg{aspect-ratio:1;box-sizing:border-box;align-self:center;width:auto;max-width:100%;height:auto;max-height:100%;padding:0}.BuildingBlock-module__-8AWkq__buildingBlockContainer[data-is-hoverable=true]:hover{cursor:pointer;background-color:var(--hover-color)}.BuildingBlock-module__-8AWkq__buildingBlockContainer[data-is-selected=true]{background-color:var(--hover-color)}
.PageTemplateNav-module__elq4DG__page{height:100dvh;padding:var(--double-spacing);flex-direction:column;align-items:center;display:flex}.PageTemplateNav-module__elq4DG__header{grid-template-columns:1fr 1fr;width:100%;display:grid}.PageTemplateNav-module__elq4DG__headerButtons{justify-content:flex-end;align-items:center;gap:var(--half-spacing);z-index:1001;display:flex}.PageTemplateNav-module__elq4DG__title,.PageTemplateNav-module__elq4DG__subtitle{white-space:nowrap;text-align:center;text-overflow:ellipsis;min-width:0;padding-top:.15em;display:block;overflow-x:hidden}.PageTemplateNav-module__elq4DG__mainContent{justify-content:center;align-items:center;gap:var(--spacing);flex-direction:column;width:100%;height:100%;display:flex}.PageTemplateNav-module__elq4DG__content{justify-content:center;align-items:center;gap:var(--double-spacing);flex-wrap:wrap;display:flex}
.GlobalPageStyles-module__Yxqgcq__PageContainer{flex-direction:column;align-items:center;max-width:100%;max-height:100%;display:flex}.GlobalPageStyles-module__Yxqgcq__ContentContainer{gap:var(--spacing);padding:var(--double-spacing);margin:var(--spacing);background-color:var(--surface);border-radius:var(--border-radius);width:clamp(350px,90vw,1400px);box-shadow:var(--box-shadow);flex-direction:column;flex-grow:1;align-items:center;display:flex;overflow:hidden auto}.GlobalPageStyles-module__Yxqgcq__SettingsModal{padding:var(--double-spacing);background-color:var(--surface);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:var(--border);z-index:1000;width:clamp(350px,50vw,1200px);max-height:75vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.GlobalPageStyles-module__Yxqgcq__settingsSection{gap:var(--half-spacing);padding-bottom:var(--spacing);display:grid}.GlobalPageStyles-module__Yxqgcq__settingsSection>label{font-weight:700}.GlobalPageStyles-module__Yxqgcq__settingsSection input[type=checkbox]{justify-self:start;width:auto}.GlobalPageStyles-module__Yxqgcq__errorMessage{color:var(--error-color);font-weight:700}
.NavCard-module__Ile1Qq__navCard{--card-size:12.5em;width:var(--card-size);height:var(--card-size);padding:var(--spacing);background-color:var(--surface);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--foreground);transition:all var(--transition-duration) ease;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.NavCard-module__Ile1Qq__navCard .NavCard-module__Ile1Qq__label[data-main-category=false]{font-size:1.5rem}.NavCard-module__Ile1Qq__navCard:hover{scale:1.1}.NavCard-module__Ile1Qq__navCard:hover .NavCard-module__Ile1Qq__ghostIcon{color:var(--accent-color);opacity:.3}.NavCard-module__Ile1Qq__ghostIcon{color:var(--foreground);opacity:.075;transition:all var(--transition-duration) ease;font-size:10rem;position:absolute;top:20%;left:66%;transform:translate(-50%,-50%)rotate(30deg)}.NavCard-module__Ile1Qq__label{text-align:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;z-index:1;font-size:2rem;font-weight:700;line-height:1.25}
.TextInput-module__1XoT5G__container{align-items:center;gap:var(--half-spacing);min-width:0;padding:var(--half-spacing) var(--spacing);background-color:var(--surface);border:var(--border);border-radius:var(--half-spacing);transition:border-color var(--transition-duration), background-color var(--transition-duration);display:flex}.TextInput-module__1XoT5G__container:focus-within{border-color:var(--foreground);background-color:var(--hover-color)}.TextInput-module__1XoT5G__container[data-state=error]{border-color:var(--error-color)}.TextInput-module__1XoT5G__container[data-state=success]{border-color:var(--correct-color)}.TextInput-module__1XoT5G__container:has(.TextInput-module__1XoT5G__input:disabled){opacity:.5;cursor:not-allowed}.TextInput-module__1XoT5G__input{min-width:0;font-family:var(--font-body);color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:1em}.TextInput-module__1XoT5G__input::placeholder{color:var(--border-color)}.TextInput-module__1XoT5G__input:disabled{cursor:not-allowed}.TextInput-module__1XoT5G__leftIcon,.TextInput-module__1XoT5G__rightIcon{color:var(--border-color);flex-shrink:0;font-size:.9em}.TextInput-module__1XoT5G__container[data-state=success] .TextInput-module__1XoT5G__rightIcon{color:var(--correct-color)}.TextInput-module__1XoT5G__container[data-state=error] .TextInput-module__1XoT5G__rightIcon{color:var(--error-color)}
.page-module__hlLF7q__backgroundIcon{z-index:-1;opacity:.075;width:clamp(30em,60em,100dvw);height:clamp(30em,60em,100dvh);color:var(--foreground);transition:all var(--transition-duration) ease;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(20deg)}.page-module__hlLF7q__backgroundIcon:has(~a:hover){color:var(--accent-color);transform:translate(-50%,-50%)rotate(22.5deg)scale(1.05)}
.PageTemplate-module__e9KSZa__page{height:100dvh;padding:var(--double-spacing);flex-direction:column;align-items:center;display:flex}.PageTemplate-module__e9KSZa__header{grid-template-columns:1fr 2fr 1fr;width:100%;display:grid}.PageTemplate-module__e9KSZa__headerButtons{justify-content:flex-end;align-items:center;gap:var(--half-spacing);z-index:1001;display:flex}.PageTemplate-module__e9KSZa__title,.PageTemplate-module__e9KSZa__subtitle{white-space:nowrap;text-align:center;text-overflow:ellipsis;min-width:0;color:var(--foreground);padding-top:.15em;display:block;overflow-x:hidden}.PageTemplate-module__e9KSZa__content{flex-grow:1;justify-content:center;align-items:center;min-height:0;display:flex}
.PasswordInput-module__4GzVha__toggle{all:unset;color:var(--border-color);cursor:pointer;transition:color var(--transition-duration);flex-shrink:0;justify-content:center;align-items:center;font-size:.9em;display:inline-flex}.PasswordInput-module__4GzVha__toggle::-moz-focus-inner{border:0;padding:0}.PasswordInput-module__4GzVha__toggle:hover{color:var(--foreground)}.PasswordInput-module__4GzVha__toggle:focus-visible{outline:2px solid var(--foreground);outline-offset:2px;border-radius:2px}.PasswordInput-module__4GzVha__toggle:disabled{color:var(--border-color);cursor:not-allowed}
.MetronomePage-module__sEnxXa__timeSignatureInputs{padding:var(--spacing);margin-top:var(--spacing);justify-content:center;align-items:center;gap:var(--spacing);flex-direction:column;display:flex}.MetronomePage-module__sEnxXa__timeSignatureInput{justify-content:center;align-items:center;gap:var(--half-spacing);flex-direction:column;width:100%;display:flex}.MetronomePage-module__sEnxXa__metronomeControls{flex-direction:column;justify-content:center;align-items:center;display:flex}
.page-module__rM2rjG__PageContainer{height:100%;padding:var(--spacing);grid-template-columns:400px 1fr;display:grid}.page-module__rM2rjG__sidebarHeader{align-items:center;gap:var(--half-spacing);display:flex}.page-module__rM2rjG__greeting{text-align:center;margin-bottom:var(--spacing)}.page-module__rM2rjG__sidebar{gap:var(--quarter-spacing);height:100%;padding:var(--spacing);border-radius:var(--border-radius);background-color:var(--surface);box-shadow:var(--box-shadow);flex-direction:column;display:flex}.page-module__rM2rjG__contentContainer{flex-direction:column;justify-content:center;align-items:center;display:flex}.page-module__rM2rjG__navItem{align-items:center;gap:var(--half-spacing);padding:var(--half-spacing) var(--spacing);border-radius:var(--half-spacing);color:var(--foreground);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-duration) ease, color var(--transition-duration) ease;background-color:#0000;border:none;font-weight:700;display:flex}.page-module__rM2rjG__navItem:hover,.page-module__rM2rjG__navItem[aria-selected=true]{background-color:var(--hover-color)}
.page-module__AWVWwW__themes{height:100dvh;display:flex}.page-module__AWVWwW__themeHalf{background:var(--background-gradient);min-width:0;height:100dvh;color:var(--foreground);flex:50%;overflow-y:auto}.page-module__AWVWwW__themeHalf:first-child{border-right:var(--border)}.page-module__AWVWwW__themeLabel{z-index:1;padding:var(--half-spacing) var(--double-spacing);text-transform:uppercase;opacity:.7;background:var(--background);font-size:.8rem;font-weight:700;display:block;position:sticky;top:0}.page-module__AWVWwW__page{padding:var(--double-spacing);gap:var(--double-spacing);flex-direction:column;display:flex}.page-module__AWVWwW__section{background:var(--surface);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing);gap:var(--spacing);flex-direction:column;display:flex}.page-module__AWVWwW__sectionTitle{margin:0}.page-module__AWVWwW__group{gap:var(--half-spacing);flex-direction:column;display:flex}.page-module__AWVWwW__groupTitle{opacity:.7;margin:0;font-size:.85rem;font-weight:700}.page-module__AWVWwW__row{align-items:flex-end;gap:var(--double-spacing);flex-wrap:wrap;display:flex}.page-module__AWVWwW__column{gap:var(--half-spacing);flex-direction:column;display:flex}.page-module__AWVWwW__swatch{align-items:center;gap:var(--quarter-spacing);flex-direction:column;display:flex}.page-module__AWVWwW__swatchLabel{opacity:.7;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;overflow:hidden}.page-module__AWVWwW__colorSwatch{border-radius:var(--border-radius);border:var(--border);width:4em;height:4em}