:root{--x-border-full:1px;--x-border-block-end:0 0 1px;--x-border-radius-small:4px;--x-border-radius-base:8px;--x-border-radius-large:12px;--x-border-radius-fully-rounded:36px;--x-border-radius-max:9999px;--x-border-radius-none:0;--x-border-width-base:1px;--x-border-width-large-100:2px;--x-border-width-large-200:5px} :root{--swn0j0:#005BD1;--swn0j1:#FFFFFF;--swn0j3:#FAFBFF;--swn0j4:#F5F6FF;--swn0j5:#EBEDFF;--swn0j6:#005BD10C;--swn0j2:#00459E;--swn0j7:#000000;--swn0j8:#686B6E;--swn0j9:#005BD1;--swn0jb:#00459E;--swn0ja:#00459E;--swn0jc:#FFFFFF;--swn0jd:#FFFFFF;--swn0je:#D91C1C;--swn0jg:#FEF6F6;--swn0jh:#FEECEC;--swn0ji:#FDD8D8;--swn0jj:#FFFFFF;--swn0jk:#FFFFFF;--swn0jl:#D91C1C;--swn0jf:#C81919;--swn0jm:#3F0303;--swn0jn:#640707;--swn0jo:#3F030319;--swn0jp:#005BD1;--swn0jq:#000000;--swn0jr:#F5F5F5;--swn0js:#F2F2F2;--swn0jt:#E3E3E3;--swn0ju:#707070;--swn0jv:#1C1C1C;--swn0jw:#303030;--swn0jx:#1C1C1C19;--swn0jy:#4D7A50;--swn0jz:#EAFBEA;--swn0j10:#DDF8DE;--swn0j11:#B1F2B4;--swn0j12:#4D7A50;--swn0j13:#101E11;--swn0j14:#667067;--swn0j15:#101E1119;--swn0j16:#8F6900;--swn0j17:#FFF5EB;--swn0j18:#FFEEDB;--swn0j19:#FFDEB3;--swn0j1a:#8F6900;--swn0j1b:#241700;--swn0j1c:#422E00;--swn0j1d:#00000019;--swn0j1e:#FFFFFF;--swn0j1f:#F5F5F5;--swn0j1g:#0000000B;--swn0j1h:#DEDEDE;--swn0j1i:#8F8F8F;--swn0j1j:#000000;--swn0j1k:#FFFFFF;--swn0j1l:#707070;--swn0j1m:#E6E6E6;--swn0j1n:#FFFFFF;--swn0j1o:#F5F5F5;--swn0j1p:#0000000B;--swn0j1q:#DEDEDE;--swn0j1r:#8F8F8F;--swn0j1s:#000000;--swn0j1t:#FFFFFF;--swn0j1u:#707070;--swn0j1v:#E6E6E6;--swn0j1w:#F5F5F5;--swn0j1x:#EDEDED;--swn0j1y:#0000000B;--swn0j1z:#D6D6D6;--swn0j20:#000000;--swn0j21:#F5F5F5;--swn0j22:#666666;--swn0j23:#CCCCCC;--swn0j24:#FFFFFF;--swn0j25:#000000;--swn0j26:#F5F5F5;--swn0j27:#005BD1;--swn0j28:#8C97C5;--swn0j29:#FFFFFF;--swn0j2a:#3179D8;--swn0j2b:#0061E0;--swn0j2c:#FFFFFF10;--swn0j2d:#C2C9E5;--swn0j2e:#000000;--swn0j2f:#FFFFFFA8;--swn0j2g:#FFFFFF33;--swn0j2h:#FFFFFF26;--swn0j2i:#F9E2E5;--swn0j2j:#E6E6E6;--swn0j2k:#D9ECD5;--swn0j2l:#FFE1CC;--swn0j2m:#FFFFFF;--swn0j2n:#DBDEFF;--swn0j2o:#FFFFFF;--swn0j2p:#000000} :root{--x-primary-button-block-padding:var(--x-spacing-base);--x-primary-button-inline-padding:var(--x-spacing-base);--x-primary-button-border-width:var(--x-border-width-base);--x-secondary-button-block-padding:var(--x-spacing-base);--x-secondary-button-inline-padding:var(--x-spacing-base);--x-secondary-button-border-width:var(--x-border-width-base);--x-checkbox-size:calc((14px * 18) / 14);--x-control-border-width:var(--x-border-width-base);--x-datepicker-min-column-size:35px;--x-datepicker-min-row-size:35px;--x-choice-list-group-spacing:0;--x-option-list-block-spacing:0;--x-option-list-block-padding:var(--x-spacing-large-100);--x-option-list-inline-padding:var(--x-spacing-large-100);--x-radio-size:calc((14px * 18) / 14);--x-z-index-portal:1000;--x-review-block-block-padding:var(--x-spacing-small-100);--x-review-block-inline-padding:var(--x-spacing-large-100);--x-product-thumbnail-badge-offset:7px} :root{--x-global-typography-kerning:var(--_12e54cf3);--x-global-typography-line-size-default:var(--_12e54cf6);--x-global-typography-line-size-small:var(--_12e54cf7);--x-global-transform-direction-modifier:1} :root{--x-opacity-disabled:.5;--x-opacity-readonly:.7} :root{--x-box-shadow-extra-small:0 1px 1.75px 0 rgba(0, 0, 0, .12),0 -.5px 1.5px 0 rgba(0, 0, 0, .09),0 3px 4px 0 rgba(0, 0, 0, .03);--x-box-shadow-small:0 1px 2px -.5px rgba(0, 0, 0, .05),0 2px 4px -1px rgba(0, 0, 0, .08),0 3px 6px -1.5px rgba(0, 0, 0, .08),0 -.5px 1.5px 0 rgba(0, 0, 0, .09);--x-box-shadow-base:0 1px 2px -.5px rgba(0, 0, 0, .05),0 2px 4px -1px rgba(0, 0, 0, .08),0 3px 6px -1.5px rgba(0, 0, 0, .08),0 8px 16px -6px rgba(0, 0, 0, .06),0 -.5px 2px 0 rgba(0, 0, 0, .09);--x-box-shadow-large:0 1px 2px -.5px rgba(0, 0, 0, .05),0 2px 4px -1px rgba(0, 0, 0, .08),0 3px 6px -1.5px rgba(0, 0, 0, .08),0 8px 16px -6px rgba(0, 0, 0, .06),0 24px 40px -12px rgba(0, 0, 0, .06),0 -.5px 1.5px 0 rgba(0, 0, 0, .09);--x-box-shadow-extra-large:0 1px 2px -.5px rgba(0, 0, 0, .05),0 2px 4px -1px rgba(0, 0, 0, .08),0 3px 6px -1.5px rgba(0, 0, 0, .08),0 8px 16px -6px rgba(0, 0, 0, .06),0 24px 40px -12px rgba(0, 0, 0, .06),0 32px 48px -12px rgba(0, 0, 0, .06),0 -.5px 1.5px 0 rgba(0, 0, 0, .09)} :root{--x-spacing-small-500:3px;--x-spacing-small-400:5px;--x-spacing-small-300:7px;--x-spacing-small-200:9px;--x-spacing-small-100:11px;--x-spacing-base:14px;--x-spacing-large-100:17px;--x-spacing-large-200:21px;--x-spacing-large-300:26px;--x-spacing-large-400:32px;--x-spacing-large-500:38px;--x-spacing-large-600:46px} :root{--x-duration-faster:88.9ms;--x-duration-fast:.1333s;--x-duration-base:.2s;--x-duration-slow:.3s;--x-duration-slower:.45s;--x-duration-slowest:675ms;--x-duration-reduced-motion:1ms;--x-timing-base:ease-in-out;--x-timing-ease-out:cubic-bezier(.3, .5, .5, 1);--x-timing-linear:linear;--x-timing-spring:cubic-bezier(.3, 0, 0, 1)} :root{--_12e54cf0:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--x-typography-size-extra-small:10px;--x-typography-size-small:12px;--x-typography-size-default:14px;--x-typography-size-medium:16px;--x-typography-size-large:19px;--x-typography-size-extra-large:21px;--x-typography-size-extra-extra-large:24px;--_12e54cf1:normal;--_12e54cf2:italic;--_12e54cf3:normal;--_12e54cf4:2px;--_12e54cf5:2.56px;--_12e54cf6:1.5;--_12e54cf7:1.2;--_12e54cf8:uppercase;--_12e54cf9:lowercase;--_12e54cfa:capitalize;--_12e54cfb:none;--x-typography-primary-fonts:var(--_12e54cf0);--x-typography-primary-weight-base:400;--x-typography-primary-weight-bold:600;--x-typography-secondary-fonts:var(--_12e54cf0);--x-typography-secondary-weight-base:400;--x-typography-secondary-weight-bold:600} *,:after,:before{box-sizing:border-box} /* body,html{margin:0;width:100%;} html{font-size:62.5%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%} */ body{overflow-y:auto;overflow-x:hidden;overflow-wrap:break-word;-webkit-font-smoothing:subpixel-antialiased;scrollbar-gutter:stable} h2{margin:0} button{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-font-smoothing:inherit} button{overflow:visible} button{text-transform:inherit} [type=button],button{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} [type=button]::-moz-focus-inner,button::-moz-focus-inner{border:none;padding:0} ul{margin:0;padding:0;list-style:none} @media screen and (prefers-reduced-motion:reduce){ :root{--x-duration-fast:var(--x-duration-reduced-motion);--x-duration-base:var(--x-duration-reduced-motion);--x-duration-slow:var(--x-duration-reduced-motion);--x-duration-slower:var(--x-duration-reduced-motion);--x-duration-slowest:var(--x-duration-reduced-motion)} } @keyframes lBNNd{ 0%{transform:translateY(0);opacity:1} to{transform:translateY(-5%);opacity:0} } @supports (view-transition-name:none){ @media(prefers-reduced-motion:no-preference){ ::view-transition-old(vt-processing-page){animation:lBNNd var(--x-duration-base) var(--x-timing-base) forwards} } } /* ===================================================== Utility Classes (u-* prefix) ===================================================== */ /* Display */ .u-height-full{height:100%} .u-display-block{display:block} .u-display-flex{display:flex} .u-display-grid{display:grid} /* Flex / Grid */ .u-row-gap-base{row-gap:var(--x-spacing-base)} .u-col-gap-base{-moz-column-gap:var(--x-spacing-base);column-gap:var(--x-spacing-base)} .u-justify-between{justify-content:space-between} .u-flex-col{flex-direction:column} .u-flex-grow{flex-grow:1} .u-align-center{align-items:center} .u-align-end{align-items:flex-end} /* Borders */ .u-border-top{border-top:var(--x-border-width-base) solid var(--x-default-color-border)} /* Padding */ .u-pb-small-400{padding-bottom:var(--x-spacing-small-400)} .u-pb-base{padding-bottom:var(--x-spacing-base)} .u-pt-small-400{padding-top:var(--x-spacing-small-400)} .u-pt-base{padding-top:var(--x-spacing-base)} .u-pr-small-400{padding-right:var(--x-spacing-small-400)} .u-pr-large-200{padding-right:var(--x-spacing-large-200)} .u-pl-small-400{padding-left:var(--x-spacing-small-400)} .u-pl-large-200{padding-left:var(--x-spacing-large-200)} /* Overflow */ .u-overflow-y-auto{overflow-y:auto} .u-overflow-y-hidden{overflow-y:hidden} .u-overflow-x-auto{overflow-x:auto} .u-overflow-x-hidden{overflow-x:hidden} /* Sizing */ .u-max-height-full{max-height:100%} .u-max-width-full{max-width:100%} .u-width-full{width:100%} /* Position */ .u-position-absolute{position:absolute} .u-position-fixed{position:fixed;z-index: 99} .u-position-relative{position:relative} /* Spacing anchors */ .u-bottom-0{bottom:0} .u-top-0{top:0} .u-top-small-100{top:var(--x-spacing-small-100)} .u-right-0{right:0} .u-right-large-200{right:var(--x-spacing-large-200)} .u-left-0{left:0} /* Visibility /* Opacity */ .u-opacity-0{opacity:0} /* Pointer events */ .u-pointer-events-none{pointer-events:none} /* User select */ .u-user-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none} /* Z-index */ .u-z-10{z-index:10} .u-z-1000{z-index:1000} /* Shadow */ .u-shadow-xl{box-shadow:var(--x-box-shadow-extra-large)} /* Background and Color */ .u-bg-default{background-color:var(--x-default-color-background);color:var(--x-default-color-text)} .u-hover-bg-subdued:hover{background-color:var(--x-default-color-background-subdued);color:var(--x-default-color-text)} /* Transitions - Property */ .u-transition-color{transition-property:color,background-color,border-color,box-shadow} .u-transition-opacity{transition-property:opacity} .u-transition-duration{transition-duration: var(--x-duration-slow);} .u-transition-all{transition-property:color,background-color,border-color,box-shadow,opacity,transform} /* Transitions - Timing */ .u-timing-ease{transition-timing-function:var(--x-timing-base)} .u-timing-ease-out{transition-timing-function:var(--x-timing-ease-out)} /* Responsive borders (>=580px) */ @media screen and (min-width:580px){ .u-border-left{border-left:var(--x-border-width-base) solid var(--x-default-color-border)} .u-border-right{border-right:var(--x-border-width-base) solid var(--x-default-color-border)} .u-border-bottom{border-bottom:var(--x-border-width-base) solid var(--x-default-color-border)} } /* High contrast */ @media(prefers-contrast:more){ .u-theme-colors{--x-default-color-border:var(--x-default-color-border-emphasized)} } /* Reduced motion */ @media screen and (prefers-reduced-motion:reduce){ .u-transition-fast{--x-duration-fast:var(--x-duration-reduced-motion)} .u-transition-base{--x-duration-base:var(--x-duration-reduced-motion)} .u-transition-slow{--x-duration-slow:var(--x-duration-reduced-motion)} } /* ===================================================== Theme Tokens ===================================================== */ .u-theme-tokens{--swn0jyi:var(--swn0j1e);--swn0jyj:var(--swn0j1j);--swn0jyk:var(--swn0j1h);--swn0jyl:var(--swn0j2t);--swn0jym:var(--swn0j2u);--swn0jyn:var(--swn0j2v, var(--swn0j0));--swn0jyo:var(--swn0j2w, var(--swn0jp));--swn0jyp:var(--swn0j2x, var(--swn0j1));--swn0jyq:var(--swn0j2y, var(--swn0j3));--swn0jyr:var(--swn0j2z, var(--swn0j4));--swn0jys:var(--swn0j30, var(--swn0j5));--swn0jyt:var(--swn0j31, var(--swn0j6));--swn0jyu:var(--swn0j32, var(--swn0j2));--swn0jyv:var(--swn0j33, var(--swn0j7));--swn0jyw:var(--swn0j34, var(--swn0j8));--swn0jyx:var(--swn0j35);--swn0jyy:var(--swn0j1f);--swn0jyz:var(--swn0j1g);--swn0jz0:var(--swn0j1i);--swn0jz1:var(--swn0j1k);--swn0jz2:var(--swn0j1l);--swn0jz3:var(--swn0j1m);--swn0jz4:var(--swn0j3c);--swn0jz5:var(--swn0j3d, var(--swn0je));--swn0jz6:var(--swn0j3e, var(--swn0jq));--swn0jz7:var(--swn0j3f, var(--swn0jy));--swn0jz8:var(--swn0j3g, var(--swn0j16));--swn0jzg:var(--swn0j1n);--swn0jzh:var(--swn0j1s);--swn0jzi:var(--swn0j1q);--swn0jzj:var(--swn0j3k);--swn0jzk:var(--swn0j3l);--swn0jzl:var(--swn0j3m, var(--swn0j0));--swn0jzm:var(--swn0j3n, var(--swn0jp));--swn0jzn:var(--swn0j3o, var(--swn0j1));--swn0jzo:var(--swn0j3p, var(--swn0j3));--swn0jzp:var(--swn0j3q, var(--swn0j4));--swn0jzq:var(--swn0j3r, var(--swn0j5));--swn0jzr:var(--swn0j3s, var(--swn0j6));--swn0jzs:var(--swn0j3t, var(--swn0j2));--swn0jzt:var(--swn0j3u, var(--swn0j7));--swn0jzu:var(--swn0j3v, var(--swn0j8));--swn0jzv:var(--swn0j3w);--swn0jzw:var(--swn0j1o);--swn0jzx:var(--swn0j1p);--swn0jzy:var(--swn0j1r);--swn0jzz:var(--swn0j1t);--swn0j100:var(--swn0j1u);--swn0j101:var(--swn0j1v);--swn0j102:var(--swn0j43);--swn0j10q:var(--swn0j44);--swn0j10r:var(--swn0j45);--swn0j10s:var(--swn0j46);--swn0j10t:var(--swn0j47);--swn0j10u:var(--swn0j48);--swn0j10v:var(--swn0j49);--swn0j10w:var(--swn0j4a);--swn0j10x:var(--swn0j4b);--swn0j10y:var(--swn0j4c);--swn0j10z:var(--swn0j4d);--swn0j103:var(--swn0j4e);--swn0j104:var(--swn0j4f);--swn0j105:var(--swn0j4g);--swn0j106:var(--swn0j4h);--swn0j107:var(--swn0j4i);--swn0j108:var(--swn0j4j);--swn0j109:var(--swn0j4k);--swn0j10a:var(--swn0j4l);--swn0j10b:var(--swn0j4m);--swn0j10c:var(--swn0j4n);--swn0j10d:var(--swn0j4o);--swn0j10e:var(--swn0j4p);--swn0j10f:var(--swn0j4q);--swn0j10g:var(--swn0j4r);--swn0j10h:var(--swn0j4s);--swn0j10i:var(--swn0j4t);--swn0j10j:var(--swn0j4u);--swn0j10k:var(--swn0j4v);--swn0j10l:var(--swn0j4w);--swn0j10m:var(--swn0j4x);--swn0j10n:var(--swn0j4y);--swn0j10o:var(--swn0j4z);--swn0j10p:var(--swn0j50);--swn0j110:var(--swn0j51);--swn0j111:var(--swn0j52);--swn0j112:var(--swn0j53);--swn0j113:var(--swn0j54);--swn0j114:var(--swn0j55);--swn0j115:var(--swn0j56);--swn0j116:var(--swn0j57);--swn0j117:var(--swn0j58);--swn0j118:var(--swn0j59);--swn0j119:var(--swn0j5a);--swn0j11a:var(--swn0j5b);--swn0j11b:var(--swn0j5c);--swn0j11c:var(--swn0j5d);--swn0j11d:var(--swn0j5e);--swn0j11e:var(--swn0j5f);--swn0j11f:var(--swn0j5g);--swn0j11g:var(--swn0j5h);--swn0j11h:var(--swn0j5i);--swn0j11i:var(--swn0j5j);--swn0j11j:var(--swn0j5k);--swn0j11k:var(--swn0j5l);--swn0j11l:var(--swn0j5m);--swn0j11m:var(--swn0j5n);--swn0j11n:var(--swn0j5o);--swn0j11o:var(--swn0j5p);--swn0j11p:var(--swn0j5q);--swn0j11q:var(--swn0j5r);--swn0j11r:var(--swn0j5s);--swn0j11s:var(--swn0j5t);--swn0j11t:var(--swn0j5u);--swn0j11u:var(--swn0j5v);--swn0j11v:var(--swn0j5w);--swn0j11w:var(--swn0j5x);--swn0j11x:var(--swn0j5y);--swn0j11y:var(--swn0j5z);--swn0j11z:var(--swn0j60);--swn0j120:var(--swn0j61);--swn0j121:var(--swn0j62);--swn0j122:var(--swn0j63);--swn0j123:var(--swn0j64);--swn0j124:var(--swn0j65);--swn0j125:var(--swn0j66);--swn0j126:var(--swn0j67);--swn0j127:var(--swn0j68);--swn0j128:var(--swn0j69);--swn0j129:var(--swn0j6a);--swn0j12a:var(--swn0j6b);--swn0j12b:var(--swn0j6c);--swn0j12c:var(--swn0j6d);--swn0j12d:var(--swn0j6e);--swn0j12e:var(--swn0j6f);--swn0j12f:var(--swn0j6g);--swn0j12g:var(--swn0j6h);--swn0j12h:var(--swn0j6i);--swn0j12i:var(--swn0j6j);--swn0j12j:var(--swn0j6k);--swn0j12k:var(--swn0j6l);--swn0j12l:var(--swn0j6m);--swn0j12m:var(--swn0j6n);--swn0j12n:var(--swn0j6o)} .u-theme-colors{--x-default-color-accent:var(--swn0jyn, inherit);--x-default-color-accent-contrast:var(--swn0jyp, inherit);--x-default-color-accent-foreground-as-subdued-background:var(--swn0jyr, inherit);--x-default-color-accent-foreground-as-subdued-background-alpha:var(--swn0jyt, inherit);--x-default-color-accent-hovered:var(--swn0jyu, inherit);--x-default-color-accent-text-on-foreground-as-subdued-background:var(--swn0jyv, inherit);--x-default-color-accent-text-subdued-on-foreground-as-subdued-background:var(--swn0jyw, inherit);--x-default-color-background-subdued:var(--swn0jyy, inherit);--x-default-color-background-subdued-alpha:var(--swn0jyz, inherit);--x-default-color-border:var(--swn0jyk, inherit);--x-default-color-border-emphasized:var(--swn0jz0, inherit);--x-default-color-critical:var(--swn0jz5, inherit);--x-default-color-custom:var(--swn0jyo, inherit);--x-default-color-info:var(--swn0jz6, inherit);--x-default-color-success:var(--swn0jz7, inherit);--x-default-color-text:var(--swn0jyj, inherit);--x-default-color-text-contrast:var(--swn0jz1, inherit);--x-default-color-text-subdued:var(--swn0jz2, inherit);--x-default-color-text-subdued-200:var(--swn0jz3, inherit);--x-default-color-warning:var(--swn0jz8, inherit);--x-default-color-background:var(--swn0jyi);--x-default-color-brand:var(--swn0j9);--x-default-color-icon:var(--swn0jyl, var(--swn0jz2));--x-default-color-icon-strong:var(--swn0jz4, var(--swn0jyj))} /* ===================================================== Modal Overlay ===================================================== */ ::view-transition-group(toaster){z-index:100} #modal-container{ position:fixed;inset:0;z-index:var(--x-z-index-portal,1000);isolation:isolate; font-size:62.5%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%; } .modal-overlay{font-size:14px;line-height:1.5;display:flex;z-index:1;} .modal-overlay.modal--active{opacity:1;} .modal-overlay--padded{padding-top:calc(var(--x-spacing-large-300) * 2)} .modal-overlay--blur{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:rgba(0,0,0,.6)} /* Modal dialog */ .modal-dialog{transform-origin:center bottom;transform:translateY(100%)} .modal-dialog.modal--active{transition-delay:var(--x-duration-fast);} .modal-dialog.modal--active{opacity:1;transform:translateY(0) scale(1)} .modal-dialog.modal--active{transition-timing-function:var(--x-timing-ease-out)} .modal-dialog.modal--active{transition-property:color,background-color,border-color,box-shadow,opacity,transform} .modal-dialog--rounded-top{border-top-left-radius:var(--x-global-border-radius,var(--x-border-radius-large));border-top-right-radius:var(--x-global-border-radius,var(--x-border-radius-large))} /* Modal inner container */ .modal-inner{border-top-left-radius:var(--x-global-border-radius,var(--x-border-radius-large))} .modal-inner{border-top-right-radius:var(--x-global-border-radius,var(--x-border-radius-large))} .modal-inner{flex:1;grid-template-columns:100%;grid-template-rows:auto 1fr; overflow-x: hidden; overflow-y: auto;} /* Modal body scrolling */ .modal-body--scrollable{-webkit-overflow-scrolling:touch} /* Modal title padding */ .modal-title-wrap--padded{padding-right:calc((var(--x-spacing-base) * 2) + var(--x-spacing-small-300))} /* Modal close button */ .modal-close-btn{border-radius:var(--x-primary-button-border-radius,var(--x-global-border-radius,var(--x-border-radius-base)));appearance: none;outline: none;} /* Modal max-width */ .modal-max-width-mobile{max-width:var(--modal-max-width-none)} @media screen and (min-width:580px){ .modal-dialog{border-radius:var(--x-global-border-radius,var(--x-border-radius-large));margin:auto;opacity:0;transform:translateY(var(--x-spacing-base)) scale(.98)} .modal-inner{border-bottom-left-radius:var(--x-global-border-radius,var(--x-border-radius-large))} .modal-inner{border-bottom-right-radius:var(--x-global-border-radius,var(--x-border-radius-large))} .modal-overlay--padded{padding:calc(var(--x-spacing-large-500) * 2)} .modal-max-width-desktop{max-width:var(--modal-max-width-rem)} } @media all and (min-width:1000px){ .modal-overlay--padded{padding-top:max(calc(var(--x-spacing-large-500) * 2),10dvb);padding-bottom:max(calc(var(--x-spacing-large-500) * 2),10dvb)} } @supports (animation-timeline:scroll()){ .modal-body--padded:has(+.modal-body--padded-alt){padding-bottom:0} } /* ===================================================== Icon ===================================================== */ .icon-color,.icon-color--alt{color:var(--x-default-color-icon)} .icon-dimensions{min-width:var(--a8x1wu0);min-height:var(--a8x1wu0);width:var(--a8x1wu0);height:var(--a8x1wu0)} .icon-size--default{--a8x1wu0:calc(var(--x-typography-size-default) * 1.2857142857142858)} .icon-stroke{stroke:currentColor} .icon-wrap svg{display:block;width:100%;max-width:100%;max-height:100%;fill:none} .icon-wrap path{vector-effect:non-scaling-stroke;stroke-width:1.5px} @media(hover:hover){ .modal-close-btn:focus-visible,.modal-close-btn:hover:not(:disabled){background-color:var(--x-default-color-background-subdued)} } .modal-close-btn:focus-visible{outline:.2rem solid var(--x-default-color-accent-hovered)} .modal-close-btn:not(:focus-visible){outline:.2rem solid transparent;border:none} /* ===================================================== Scroll Container and Shadows ===================================================== */ .scroll-content{flex:1;min-height:0} .scroll-content:focus-visible{outline:0} .scroll-container:has(.scroll-content:focus-visible){outline:.2rem solid var(--x-default-color-accent);border-radius:.2rem} /* Rich text content */ .rich-text-content{display:block;line-height: normal;} .rich-text-content h2{font-family:var(--x-heading-level2-font-family,var(--x-typography-secondary-fonts));font-size:var(--x-heading-level2-font-size,var(--x-typography-size-medium));font-weight:var(--x-heading-level2-font-weight,var(--x-typography-secondary-weight-bold));letter-spacing:var(--x-heading-level2-letter-spacing);line-height:var(--x-global-typography-line-size-small);text-transform:var(--x-heading-level2-text-transform)} .rich-text-content ul{margin-left:var(--x-spacing-large-100)} .rich-text-content ul{margin:0;list-style:revert} .rich-text-content li+li{margin-top:var(--x-spacing-base)} .rich-text-content *+h2{margin-top:var(--x-spacing-large-100)} .rich-text-content *+ul{margin-top:var(--x-spacing-base);margin-bottom:0} /* Scroll shadow indicators */ .scroll-shadow{background-repeat:no-repeat;transition:opacity var(--x-duration-fast) var(--x-timing-base)} .scroll-shadow--left{background-size:8px 100%;top:0;bottom:0;width:8px} .scroll-shadow--left{background-image:radial-gradient(at 0 50%,var(--x-default-color-border),transparent 75%);left:0} .scroll-shadow--right{background-size:8px 100%;background-position:100% 0;top:0;bottom:0;width:8px} .scroll-shadow--right{background-image:radial-gradient(at 100% 50%,var(--x-default-color-border),transparent 75%);right:0} .scroll-shadow--top{background-image:radial-gradient(at 50% 0,var(--x-default-color-border),transparent 75%);background-size:100% 8px;top:0;left:0;right:0;height:8px} .scroll-shadow--bottom{background-image:radial-gradient(at 50% 100%,var(--x-default-color-border),transparent 75%);background-size:100% 8px;background-position:0 100%;bottom:0;left:0;right:0;height:8px} /* Rich text height container */ .rich-text-height{will-change:height} /* ===================================================== Heading Primary (modal title h2) ===================================================== */ .heading-primary{text-wrap:pretty} .heading-primary:focus{outline:0} .heading-primary--font{font-family:var(--x-heading-level1-font-family,var(--x-typography-secondary-fonts));font-size:var(--x-heading-level1-font-size,var(--x-typography-size-extra-large));font-weight:var(--x-heading-level1-font-weight,var(--x-typography-secondary-weight-bold));letter-spacing:var(--x-heading-level1-letter-spacing);line-height:var(--x-global-typography-line-size-small);text-transform:var(--x-heading-level1-text-transform)} /* Modal focus trap (invisible sentinel buttons) */ .modal-focus-trap{position:fixed;pointer-events:none;opacity:0} .gp-accordion-item.active .gp-accordion-item_icon { transform: rotate(180deg); } @keyframes gentleShake { 0%, 16%, 100% { transform: translateX(0); } 4%, 12% { transform: translateX(2px); } 8% { transform: translateX(-2px); } 20% { transform: translateX(5px); } 24% { transform: translateX(-5px); } 28% { transform: translateX(2px); } 32% { transform: translateX(-2px); } } .shake-tip { animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 2s; animation-name: gentleShake; }