@layer deUI{/*! Copyright (c) 2026 Digital Element */:where(.deUI) .btn{--btnDisplay:inline-flex;--btnJustifyContent:center;--btnAlignItems:center;--btnCursor:pointer;--btnFontSize:100%;--btnLineHeight:1.5;--btnFontWeight:700;--btnTextAlign:center;--btnTextTransform:none;--btnTextDecoration:none;--btnTextColor:var(--deUIColorWhite);--btnBg:var(--deUIColorDenim);--btnBoxShadow:none;--btnHeight:6rem;--btnVertPaddings:0;--btnHorPaddings:4rem;--btnBorderColor:var(--deUIColorDenim);--btnBorderWidth:2px;--btnBorderStyle:solid;--btnBorderRadius:1rem;--btnOpacity:1;--btnWidth:auto;--btnOutline:none;--btnUserSelect:none;--btnAppearance:none;--btnAspectRatio:unset;--btnTransition:.2s;--btnSizeSmallHeight:5rem;--btnSizeSmallHorPaddings:3rem;--btnSizeMediumHeight:6rem;--btnSizeMediumHorPaddings:4rem;--btnSizeLargeHeight:7rem;--btnSizeLargeHorPaddings:5rem;--btnSizeLargeFontSize:2.5rem;--btnSizeMaxHeight:8rem;--btnSizeMaxHorPaddings:6rem;--btnSizeMaxFontSize:3rem;--btnDisabledCursor:not-allowed;--btnDisabledBg:var(--deUIColorBlueHaze);--btnDisabledTextColor:var(--deUIColorWhite);--btnDisabledBorderColor:var(--deUIColorBlueHaze);--btnHoverBg:var(--deUIColorVeniceBlue);--btnHoverBorderColor:var(--deUIColorVeniceBlue);--btnHoverTextColor:var(--deUIColorWhite);--btnActiveBg:var(--deUIColorVeniceBlue);--btnActiveBorderColor:var(--deUIColorVeniceBlue);--btnActiveTextColor:var(--deUIColorWhite);--btnIconMargin:1.25rem;--btnIconLineHeight:1}:where(.deUI) .btn{display:var(--btnDisplay);justify-content:var(--btnJustifyContent);align-items:var(--btnAlignItems);cursor:var(--btnCursor);font-size:var(--btnFontSize);line-height:var(--btnLineHeight);font-weight:var(--btnFontWeight);text-align:var(--btnTextAlign);text-transform:var(--btnTextTransform);-webkit-text-decoration:var(--btnTextDecoration);text-decoration:var(--btnTextDecoration);color:var(--btnTextColor);background:var(--btnBg);box-shadow:var(--btnBoxShadow);height:var(--btnHeight);padding:var(--btnVertPaddings) var(--btnHorPaddings);border-color:var(--btnBorderColor);border-width:var(--btnBorderWidth);border-style:var(--btnBorderStyle);border-radius:var(--btnBorderRadius);opacity:var(--btnOpacity);width:var(--btnWidth);outline:var(--btnOutline);-webkit-user-select:var(--btnUserSelect);-moz-user-select:var(--btnUserSelect);user-select:var(--btnUserSelect);-webkit-appearance:var(--btnAppearance);-moz-appearance:var(--btnAppearance);appearance:var(--btnAppearance);aspect-ratio:var(--btnAspectRatio)}:where(.deUI).isDomReady .btn{transition:var(--btnTransition)}:where(.deUI) .btn.btn--isLight{--btnTextColor:var(--deUIColorDenim);--btnBg:transparent;--btnBorderColor:var(--btnBg);--btnHoverTextColor:var(--btnTextColor);--btnHoverBg:var(--deUIColorLinkWater);--btnHoverBorderColor:var(--btnHoverBg);--btnDisabledBg:transparent;--btnDisabledTextColor:var(--deUIColorBlueHaze);--btnDisabledBorderColor:transparent}:where(.deUI) .btn.btn--isOutline{--btnTextColor:var(--deUIColorDenim);--btnBg:transparent;--btnBorderColor:var(--deUIColorDenim);--btnHoverTextColor:var(--deUIColorVeniceBlue);--btnHoverBg:transparent;--btnHoverBorderColor:var(--deUIColorVeniceBlue);--btnDisabledBg:transparent;--btnDisabledTextColor:var(--deUIColorBlueHaze);--btnDisabledBorderColor:var(--deUIColorBlueHaze)}:where(.deUI) .btn.btn--isSizeSmall{--btnHeight:var(--btnSizeSmallHeight);--btnHorPaddings:var(--btnSizeSmallHorPaddings)}:where(.deUI) .btn.btn--isSizeMedium{--btnHeight:var(--btnSizeMediumHeight);--btnHorPaddings:var(--btnSizeMediumHorPaddings)}:where(.deUI) .btn.btn--isSizeLarge{--btnHeight:var(--btnSizeLargeHeight);--btnHorPaddings:var(--btnSizeLargeHorPaddings);--btnFontSize:var(--btnSizeLargeFontSize)}:where(.deUI) .btn.btn--isSizeMax{--btnHeight:var(--btnSizeMaxHeight);--btnHorPaddings:var(--btnSizeMaxHorPaddings);--btnFontSize:var(--btnSizeMaxFontSize)}:where(.deUI) .btn.btn--isSizeAuto{--btnHeight:auto;--btnFontSize:1em;--btnHorPaddings:1em;--btnVertPaddings:.5em;--btnLineHeight:1}:where(.deUI) .btn.btn--isOnlyIcon{--btnIconMargin:0;--btnHorPaddings:0;--btnVertPaddings:0;--btnLineHeight:0;--btnAspectRatio:1}:where(.deUI) .btn.btn--isOnlyIcon .btn__label{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden;left:-1px}:where(.deUI) .btn *{pointer-events:none}:where(.deUI) .btn.btn--isDisabled,:where(.deUI) .btn[disabled]{cursor:var(--btnDisabledCursor);background:var(--btnDisabledBg);color:var(--btnDisabledTextColor);border-color:var(--btnDisabledBorderColor)}:where(.deUI) .btn.btn--isActive:not([disabled]):not(.btn--isDisabled),:where(.deUI) .btn:active:not([disabled]):not(.btn--isDisabled){background:var(--btnActiveBg);color:var(--btnActiveTextColor);border-color:var(--btnActiveBorderColor)}:where(.deUI) .btn__icon{line-height:var(--btnIconLineHeight)}:where(.deUI) .btn__icon:not(:only-child):not(:first-child){margin-left:var(--btnIconMargin)}:where(.deUI) .btn__icon:not(:only-child):not(:last-child){margin-right:var(--btnIconMargin)}}@media (hover:hover){:where(.deUI) .btn.btn--isHover:not([disabled]):not(.btn--isDisabled),:where(.deUI) .btn:hover:not([disabled]):not(.btn--isDisabled){background:var(--btnHoverBg);border-color:var(--btnHoverBorderColor);color:var(--btnHoverTextColor)}}