7 lines
No EOL
6.6 KiB
CSS
7 lines
No EOL
6.6 KiB
CSS
/*!
|
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
|
*/.fr-consent-placeholder{--text-spacing:0 0 1.5rem;--title-spacing:0 0 0.5rem;--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);align-items:center;background-color:var(--background-contrast-grey);display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;text-align:center}.fr-consent-banner{--text-spacing:0 0 1rem;--title-spacing:0 0 1rem;--idle:transparent;--hover:var(--background-alt-overlap-grey-hover);--active:var(--background-alt-overlap-grey-active);background-color:var(--background-alt-overlap-grey);bottom:0;box-shadow:inset 0 0 0 1px var(--border-default-grey);filter:drop-shadow(var(--overlap-shadow));left:0;max-height:calc(100% - 8rem);overflow:auto;padding:1rem;position:fixed;width:100%;z-index:calc(var(--ground) + 1500)}.fr-consent-banner__title{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:1rem}.fr-consent-banner__buttons{margin-bottom:-1rem;margin-top:1.5rem}.fr-consent-service{position:relative}.fr-consent-service>.fr-fieldset{align-items:flex-start;display:flex;flex-direction:column;margin:0;padding:0 0 1.25rem;position:static;width:100%}.fr-consent-service:last-child>.fr-fieldset{padding:2rem 0 1rem}.fr-consent-service:last-child>.fr-fieldset .fr-consent-service>.fr-fieldset:last-child{margin-bottom:0}.fr-consent-service__title{color:var(--text-title-grey);font-size:1.125rem;font-weight:700;line-height:1.5rem;margin:0;padding:2rem 0 .75rem}.fr-consent-service__desc{--text-spacing:0.75rem 0 0.5rem 0;font-size:.875rem;line-height:1.5rem}.fr-consent-service__collapse{margin-bottom:.75rem;margin-top:-.25rem;width:100%}.fr-consent-service__collapse .fr-consent-service__collapse-btn{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;overflow:initial;padding:0}.fr-consent-service__collapse .fr-consent-service__collapse-btn:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;margin-right:-.125rem;-webkit-mask-image:url(../../icons/system/arrow-down-s-line.svg);mask-image:url(../../icons/system/arrow-down-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-consent-service__collapse .fr-consent-service__collapse-btn:before{content:none}.fr-consent-service__radios{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:.75rem;margin-top:.75rem}.fr-consent-service .fr-radio-group{position:relative}.fr-consent-service .fr-radio-group:not(:last-child){margin-right:3rem}.fr-consent-service .fr-radio-group:not(:first-child):before{content:"";display:block;height:1.5rem;left:calc(-1.5rem - 1px);position:absolute;top:0;width:1px}.fr-consent-service .fr-consent-service__collapse-btn{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--hover-tint:var(--idle);--active-tint:var(--idle);align-items:center;background:transparent;background-image:var(--underline-img),var(--underline-img);background-position:var(--underline-x) 100%,var(--underline-x) calc(100% - var(--underline-thickness));background-repeat:no-repeat,no-repeat;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);color:inherit;color:var(--text-action-high-blue-france);display:inline-flex;flex-direction:row;padding:0 .25rem 0 0;transition:background-size 0s;width:-moz-fit-content;width:fit-content}.fr-consent-service .fr-consent-service__collapse-btn:after,.fr-consent-service .fr-consent-service__collapse-btn:before{display:block}.fr-consent-service .fr-consent-service__collapse-btn:active,.fr-consent-service .fr-consent-service__collapse-btn:hover{--underline-hover-width:var(--underline-max-width)}.fr-consent-service .fr-consent-service__collapse-btn:after{margin-right:-1.25rem;transition:transform .3s}.fr-consent-service .fr-consent-service__collapse-btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-consent-services{margin-bottom:-.5rem;margin-top:.5rem;width:100%}.fr-consent-services .fr-consent-service:last-child>.fr-fieldset,.fr-consent-services .fr-consent-service>.fr-fieldset{padding:0}.fr-consent-services .fr-consent-service:last-child>.fr-fieldset{margin-bottom:1.25rem}.fr-consent-services .fr-consent-service__title{padding-top:.75rem}.fr-consent-services .fr-consent-service__radios{top:0}.fr-consent-services .fr-consent-service__desc{--text-spacing:0.25rem 0 0.75rem 0}.fr-consent-manager__header{padding-top:0}.fr-consent-manager__header .fr-consent-service__title{font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 0 .75rem;width:100%}.fr-consent-manager__header .fr-consent-service__radios{justify-content:flex-start;position:static;top:0;width:100%}.fr-consent-manager__buttons{margin-bottom:-3rem;margin-top:1rem}.fr-consent-manager__header,.fr-consent-service{box-shadow:inset 0 -1px 0 0 var(--border-default-grey);color:var(--text-default-grey)}.fr-consent-manager__header .fr-radio-group+.fr-radio-group:before,.fr-consent-service .fr-radio-group+.fr-radio-group:before{box-shadow:inset 0 0 0 1px var(--border-default-grey)}.fr-consent-service .fr-consent-service,.fr-consent-service:last-of-type{box-shadow:none}@media (min-width:36em){
|
|
/*! media sm */}@media (min-width:48em){
|
|
/*! media md */.fr-consent-banner{bottom:2.5rem;left:2.5rem;max-height:calc(100% - 5rem);max-width:40rem;padding:2rem}.fr-consent-banner__title{font-size:1.25rem;line-height:1.75rem}.fr-consent-banner__buttons{margin-top:2rem}.fr-consent-service>.fr-fieldset{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 0 1.25rem}.fr-consent-service:last-child>.fr-fieldset{padding:1.25rem 0 1rem}.fr-consent-service__title{font-size:1.25rem;line-height:1.75rem;width:50%}.fr-consent-service__desc{--text-spacing:0.25rem 1.5rem 0.5rem 0;width:60%}.fr-consent-service__radios{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;position:absolute;right:0;top:1.25rem;width:50%}.fr-consent-services .fr-consent-service+.fr-consent-service{margin-top:-.25rem}.fr-consent-services .fr-consent-service__desc{--text-spacing:0.25rem 0 0.5rem 0}}@media (min-width:62em){
|
|
/*! media lg */.fr-consent-manager__header .fr-consent-service__title{width:44%}.fr-consent-manager__header .fr-consent-service__radios{justify-content:flex-end;position:absolute;width:56%}}@media (min-width:78em){
|
|
/*! media xl */.fr-consent-manager__header .fr-consent-service__radios,.fr-consent-manager__header .fr-consent-service__title{width:50%}} |