@uva-glass/component-library/dist/assets/ControlsButton.css

React components UvA

._controls-input_17k7u_1{aspect-ratio:unset;cursor:pointer;height:0;opacity:0;position:absolute;width:0}._controls-input_17k7u_1:focus-visible+label{outline:.125rem dotted var(--color-navy-600);outline-offset:.125rem}._controls-input_17k7u_1:checked+label,[type=radio]:checked:hover+label{background-color:var(--color-navy-600);color:var(--color-uva-white);font-weight:var(--semibold)}._controls-input_17k7u_1:disabled+label,._controls-input_17k7u_1:disabled:hover+label{background-color:var(--color-grey-400);color:var(--color-grey-700);cursor:not-allowed}._controls-input_17k7u_1:disabled:checked+label{background-color:var(--color-grey-500);color:var(--color-grey-900);font-weight:var(--semibold)}._controls-input_17k7u_1:hover+label{background-color:var(--color-grey-300);color:var(--color-uva-black)}._controls-button_17k7u_40{align-items:center;background-color:var(--color-uva-white);border:1px solid transparent;border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--font-size-default);height:2.25rem;justify-content:center;min-width:2.25rem;padding:.5rem;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}._controls-button--squared_17k7u_58{width:2.25rem}._controls-button_17k7u_40:after{content:"";min-height:2.625rem;min-width:2.625rem;position:absolute;width:100%}._controls-button--with-prefix_17k7u_70{height:auto;padding:.125rem .5rem;width:auto}._controls-button--with-icon_17k7u_76{gap:.5rem}._controls-button__wrapper_17k7u_80{align-items:center;display:flex;flex-direction:column}._controls-button__prefix_17k7u_86{color:var(--color-uva-700);font-size:var(--font-size-text-non-essential)}._controls-button__tooltip_17k7u_91{background-color:var(--color-uva-white);box-shadow:0 0 .25rem #00000040;color:var(--color-grey-700);display:none;font-size:var(--font-size-text-non-essential);font-style:italic;font-weight:400;padding:.5rem 1rem;position:absolute;text-align:center;top:calc(100% + .5rem);z-index:1}._controls-button__tooltip--left_17k7u_106{left:0rem}._controls-button__tooltip--center_17k7u_110{left:50%;transform:translate(-50%)}._controls-button__tooltip--right_17k7u_115{right:0rem}._controls-button__tooltip_17k7u_91:before{border-color:transparent transparent var(--color-grey-400) transparent;border-style:solid;border-width:.5rem;bottom:calc(100% + .125rem);content:"";filter:blur(.125rem);position:absolute;z-index:-1}._controls-button__tooltip_17k7u_91:after{border-color:transparent transparent var(--color-uva-white) transparent;border-style:solid;border-width:.5rem;bottom:100%;content:"";position:absolute}._controls-button_17k7u_40:hover ._controls-button__tooltip_17k7u_91,._controls-input_17k7u_1:focus-visible+label ._controls-button__tooltip_17k7u_91{display:block}._controls-button__tooltip--left_17k7u_106:before,._controls-button__tooltip--left_17k7u_106:after{left:.5rem}._controls-button__tooltip--center_17k7u_110:before,._controls-button__tooltip--center_17k7u_110:after{left:50%;transform:translate(-50%)}._controls-button__tooltip--right_17k7u_115:before,._controls-button__tooltip--right_17k7u_115:after{right:.5rem}