@cfpb/cfpb-design-system
Version:
CFPB's UI framework
3 lines (2 loc) • 8.29 kB
CSS
.no-js .u-js-only,.u-hide-if-js{display:none}.no-js .u-hide-if-js{display:block}@media screen{.u-print-only{display:none}}@media print{.u-screen-only{display:none}}.u-clearfix:after{clear:both;content:"";display:table}.u-visually-hidden{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}@media only screen and (max-width:37.5em){.u-hide-on-mobile{display:none}}@media only screen and (min-width:37.5625em){.u-show-on-mobile{display:none}}.u-hidden{display:none}.u-invisible{visibility:hidden}.u-right{float:right}.u-nowrap{white-space:nowrap}.u-flexible-container{height:0;padding-bottom:56.25%;position:relative}.u-flexible-container__inner{height:100%;left:0;position:absolute;top:0;width:100%}.u-flexible-container--4-3{height:0;padding-bottom:75%;position:relative}.u-mt0{margin-top:0}.u-mb0{margin-bottom:0}.u-mt5{margin-top:5px}.u-mb5{margin-bottom:5px}.u-mt10{margin-top:10px}.u-mb10{margin-bottom:10px}.u-mt15{margin-top:15px}.u-mb15{margin-bottom:15px}.u-mt20{margin-top:20px}.u-mb20{margin-bottom:20px}.u-mt30{margin-top:30px}.u-mb30{margin-bottom:30px}.u-mt45{margin-top:45px}.u-mb45{margin-bottom:45px}.u-mt60{margin-top:60px}.u-mb60{margin-bottom:60px}.u-w100pct{width:100%}.u-w90pct{width:90%}.u-w80pct{width:80%}.u-w70pct{width:70%}.u-w60pct{width:60%}.u-w50pct{width:50%}.u-w40pct{width:40%}.u-w30pct{width:30%}.u-w20pct{width:20%}.u-w10pct{width:10%}.u-w75pct{width:75%}.u-w65pct{width:65%}.u-w25pct{width:25%}.u-w15pct{width:15%}.u-w66pct{width:66.6666666667%}.u-w33pct{width:33.3333333333%}.u-small-text,small{font-size:.875em}.u-small-text--subtle,small--subtle{color:var(--gray)}.u-no-animation{transition-duration:0s}.u-move-transition{transition:transform .25s ease-out}.u-move-to-origin{transform:translateZ(0)}.u-move-left{transform:translate3d(-100%,0,0)}.u-move-left-2x{transform:translate3d(-200%,0,0)}.u-move-left-3x{transform:translate3d(-300%,0,0)}.u-move-right{transform:translate3d(100%,0,0)}.u-move-up{transform:translate3d(0,-100%,0)}.u-alpha-transition{transition:opacity .25s linear}.u-alpha-100{opacity:1}.u-alpha-0{opacity:0}.u-max-height-transition{contain:paint;overflow:hidden;transition:max-height .2s ease-out}.u-max-height-zero{max-height:0}.u-max-height-summary{max-height:88px}.o-expandable{position:relative}.o-expandable__header{background-color:initial;border:0;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:.625em .9375em}.o-expandable__header:focus{outline:1px dotted var(--black);outline-offset:2px}.o-expandable__header .o-expandable__cue-close,.o-expandable__header .o-expandable__cue-open{display:none}.o-expandable__header[aria-expanded=false] .o-expandable__cue-open,.o-expandable__header[aria-expanded=true] .o-expandable__cue-close{display:block}.o-expandable button.o-expandable__header{text-align:left;width:100%}.o-expandable__label{color:var(--black);flex-grow:1;font-weight:500;margin-bottom:0}.o-expandable__icon,.o-expandable__label{font-size:1.125em}@media only screen and (max-width:37.5em){.o-expandable__icon,.o-expandable__label{font-size:1em}}.o-expandable__cues{align-self:center;color:var(--pacific);font-size:1em;line-height:1.375}.o-expandable__content{padding:0 .9375em .9375em}.o-expandable__content:before{border-top:1px solid var(--gray-40);content:"";display:block;padding-top:.9375em}.o-expandable__content:after{padding-bottom:.9375em;width:100%}.o-expandable--padded .o-expandable__header{padding:1.5625em .9375em}.o-expandable--padded .o-expandable__icon,.o-expandable--padded .o-expandable__label{font-size:1.625em}@media only screen and (max-width:37.5em){.o-expandable--padded .o-expandable__icon,.o-expandable--padded .o-expandable__label{font-size:1.375em}}.o-expandable--background{background:var(--gray-5)}.o-expandable--border{border:1px solid var(--gray-40)}html[lang=ar] .o-expandable__header{text-align:right}html[lang=ar] .o-expandable__cues{text-align:left}.o-expandable-group .o-expandable{border-bottom:1px solid var(--gray-40)}.o-expandable-group .o-expandable:first-child{border-top:1px solid var(--gray-40)}@media print{.o-expandable__header[aria-expanded=false] .o-expandable__cue-open,.o-expandable__header[aria-expanded=true] .o-expandable__cue-close{display:none}.o-expandable__content[aria-expanded=false]{display:block;max-height:99999px}}:root{--font-adjust-base:.517;--font-adjust-step:.0054;--font-adjust-h1:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*5);--font-adjust-h2:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*4);--font-adjust-h3:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*3);--font-adjust-h4:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*2);--font-adjust-h5:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*1);--font-adjust-h6:var(--font-adjust-base);--font-adjust-body:var(--font-adjust-base);--input-text-default:var(--black);--input-text-disabled-default:var(--gray-dark);--input-text-placeholder-default:var(--gray-dark);--input-border-default:var(--gray-60);--input-border-disabled:var(--gray-60);--input-border-success:var(--green);--input-border-warning:var(--gold);--input-border-error:var(--red);--input-border-hover-default:var(--pacific);--input-border-focus-default:var(--pacific);--input-bg-default:var(--white);--input-bg-disabled-default:var(--gray-10);--form-alert-icon-color-default:var(--gray);--form-alert-icon-color-success:var(--green);--form-alert-icon-color-warning:var(--gold);--form-alert-icon-color-error:var(--red);--select-border-default:var(--gray-60);--select-border-width-default:1px;--select-border-error:var(--red);--select-border-width-error:2px;--select-border-hover-default:var(--pacific);--select-border-focus-default:var(--pacific);--select-bg-disabled-default:var(--gray-10);--select-icon-bg-default:var(--gray-10);--select-text-disabled-default:var(--gray-dark);--choice-border-default:var(--gray-60);--choice-border-disabled:var(--gray-60);--choice-border-success:var(--green);--choice-border-warning:var(--gold);--choice-border-error:var(--red);--choice-border-hover-default:var(--pacific);--choice-border-focus-default:var(--pacific);--choice-outline-focus-default:var(--pacific);--choice-bg-default:var(--white);--choice-bg-disabled:var(--gray-10);--choice-bg-selected-default:var(--pacific);--choice-bg-selected-disabled:var(--gray-40);--choice-bg-selected-focus-default:var(--pacific);--choice-label-disabled-default:var(--gray-dark)}.o-summary__content{left:-2px;overflow-y:hidden;padding:2px;position:relative;top:-2px}.o-summary__btn{align-items:center;background:#fff;border:dotted var(--pacific);border-width:1px 0;color:var(--pacific);display:flex;gap:.3125rem;justify-content:center;padding-bottom:15px;padding-top:15px;position:relative;text-align:center;width:100%;z-index:2}.o-summary__btn svg{flex:none}.o-summary__btn:focus{outline:1px dotted var(--pacific);outline-offset:1px}.o-summary__btn[aria-expanded=false]:before{background:linear-gradient(180deg,#fff0 0,#fff);content:"";display:block;height:2.75em;left:0;margin:0;pointer-events:none;position:absolute;right:0;top:calc(-100% + 4px)}@media print{.o-summary__btn[aria-expanded=false]:before{background:none}}.no-js .o-summary__btn{display:none}@media only screen and (min-width:601px){.o-summary--mobile .o-summary__btn{display:none}}.o-summary-minimal__content{left:-2px;overflow-y:hidden;padding:2px;position:relative;top:-2px}.o-summary-minimal__btn{background:none;border:none;color:var(--pacific);display:block;margin-top:5px;padding-left:0;padding-right:0;text-align:left}.o-summary-minimal__btn:focus{outline:1px dotted var(--pacific);outline-offset:1px}.o-summary-minimal__btn .o-summary-minimal__cue-close,.o-summary-minimal__btn .o-summary-minimal__cue-open{display:none}.o-summary-minimal__btn[aria-expanded=false] .o-summary-minimal__cue-open,.o-summary-minimal__btn[aria-expanded=true] .o-summary-minimal__cue-close{display:block}.o-summary-minimal__btn svg{margin-top:1px}.no-js .o-summary-minimal__btn{display:none}
/*# sourceMappingURL=index.css.map */