7 lines
5 KiB
CSS
7 lines
5 KiB
CSS
|
/*!
|
||
|
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
||
|
|
*/.fr-transcription{position:relative;width:100%}.fr-transcription:before{bottom:0;box-shadow:inset 0 0 0 1px var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-transcription__btn{--text-spacing:0;--title-spacing:0;align-items:center;color:var(--text-action-high-blue-france);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.5rem;margin:0;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.75rem 1rem;text-align:left;width:-moz-fit-content;width:fit-content;width:100%}.fr-transcription__btn:after,.fr-transcription__btn:before{display:block}.fr-transcription__btn:after{content:"";margin-left:auto;margin-right:0;-webkit-mask-image:url(../../icons/system/arrow-down-s-line.svg);mask-image:url(../../icons/system/arrow-down-s-line.svg);transition:transform .3s}.fr-transcription__btn:after,.fr-transcription__btn:before{--icon-size:1rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-transcription__btn:before{content:none;content:"";margin-right:.5rem;-webkit-mask-image:url(../../icons/media/align-left.svg);mask-image:url(../../icons/media/align-left.svg)}.fr-transcription__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-transcription__content:before{bottom:0;box-shadow:inset 0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-transcription__footer{margin:0;padding:.75rem 1rem;position:relative}.fr-transcription__footer:before{bottom:0;box-shadow:inset 0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-transcription__actions-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-end}.fr-transcription__actions-group>div,.fr-transcription__actions-group>li{max-width:100%;width:100%}.fr-transcription__actions-group .fr-btn{font-size:.875rem;justify-content:center;line-height:1.5rem;margin:0 0 0 .5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem;width:calc(100% - 1rem);width:auto}.fr-transcription__actions-group>li{display:inline-flex;max-width:100%;width:auto}.fr-transcription__actions-group .fr-btn:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-transcription__actions-group .fr-btn:before{content:none}.fr-transcription__actions-group .fr-link{font-size:.875rem;line-height:1.5rem;padding:0}.fr-transcription__actions-group .fr-link:after,.fr-transcription__actions-group .fr-link:before{--icon-size:1rem}.fr-transcription__actions-group>:not(:first-child){margin-left:1rem}.fr-transcription .fr-collapse{display:flex;flex-direction:column-reverse}.fr-transcription .fr-collapse--expanded{margin:0 .0625rem}.fr-transcription .fr-modal:not(.fr-modal--opened){background-color:inherit;opacity:inherit;position:relative;visibility:inherit;z-index:auto}.fr-transcription .fr-modal:not(.fr-modal--opened):after{content:none}.fr-transcription .fr-modal:not(.fr-modal--opened):before{bottom:0;box-shadow:inset 0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-transcription .fr-modal:not(.fr-modal--opened)>.fr-container{padding:.0625rem 0}.fr-transcription .fr-modal:not(.fr-modal--opened)>.fr-container>.fr-grid-row{display:inherit}.fr-transcription .fr-modal:not(.fr-modal--opened)>.fr-container>.fr-grid-row>.fr-col,.fr-transcription .fr-modal:not(.fr-modal--opened)>.fr-container>.fr-grid-row>[class*=" fr-col-"],.fr-transcription .fr-modal:not(.fr-modal--opened)>.fr-container>.fr-grid-row>[class^=fr-col-]{flex:inherit;max-width:inherit;width:inherit}.fr-transcripti
|
||
|
|
/*! media sm */}@media (min-width:48em){
|
||
|
|
/*! media md */}@media (min-width:62em){
|
||
|
|
/*! media lg */}@media (min-width:78em){
|
||
|
|
/*! media xl */}
|