:root{--columnWidth1:calc(100%/12 - .01px);--columnWidth2:calc(100%/12*2 - .01px);--columnWidth3:25%;--columnWidth4:calc(100%/12*4 - .01px);--columnWidth5:calc(100%/12*5 - .01px);--columnWidth6:50%;--columnWidth7:calc(100%/12*7 - .01px);--columnWidth8:calc(100%/12*8 - .01px);--columnWidth9:75%;--columnWidth10:calc(100%/12*10 - .01px);--columnWidth11:calc(100%/12*11 - .01px);--columnWidth12:100%;--armstrongTypeMaxWidth:740px;--standardTypeMaxWidth:984px;--wideTypeMaxWidth:1356px;--pageMaxWidth:2136px;--columnPaddingS:4px;--rowPaddingS:16px;--containerPaddingS:20px;--pagePaddingS:0;--columnPaddingM:8px;--rowPaddingM:8px;--containerPaddingM:16px;--pagePaddingM:18px;--columnPaddingL:10px;--rowPaddingL:8px;--containerPaddingL:18px;--pagePaddingL:18px;--columnPaddingXL:12px;--rowPaddingXL:12px;--containerPaddingXL:24px;--pagePaddingXL:32px;--pagePaddingWXGA:60px;--columnPaddingXXL:16px;--rowPaddingXXL:12px;--containerPaddingXXL:28px;--pagePaddingXXL:66px;--pagePaddingHD:72px;--zIndexBelowContent:-100;--zIndexContent:0;--zIndexAboveContent:100;--zIndexSticky:200;--zIndexSheet:300;--zIndexBanner:400;--zIndexAlert:500;--zIndexBackgroundLayer1:-100;--zIndexContentLayer2:0;--zIndexStickyLayer3:100;--zIndexElevatedLayer4:200;--zIndexElevatedLayer5:300}.registration-53018bea-gridContainer-WXUgJq{width:100%;margin:0 auto;padding:0}@media (width>=740px){.registration-53018bea-gridContainer-WXUgJq{padding:0 var(--containerPaddingM)}}@media (width>=1025px){.registration-53018bea-gridContainer-WXUgJq{padding:0 var(--containerPaddingL)}}@media (width>=1113px){.registration-53018bea-gridContainer-WXUgJq{padding:0 var(--containerPaddingXL)}}@media (width>=1680px){.registration-53018bea-gridContainer-WXUgJq.registration-53018bea-wideGridContainer-WXUgJq{padding:0 var(--containerPaddingXXL)}}.registration-53018bea-gridContainer-WXUgJq.registration-53018bea-gridContainer-WXUgJq.registration-53018bea-armstrongGridContainer-WXUgJq{margin:0 auto;padding:0}@media (width>=740px){.registration-53018bea-gridContainer-WXUgJq.registration-53018bea-armstrongGridContainer-WXUgJq{max-width:var(--armstrongTypeMaxWidth)}}@media (width>=1113px){.registration-53018bea-gridContainer-WXUgJq.registration-53018bea-standardGridContainer-WXUgJq{max-width:var(--standardTypeMaxWidth)}.registration-53018bea-gridContainer-WXUgJq.registration-53018bea-wideGridContainer-WXUgJq{max-width:var(--wideTypeMaxWidth)}}.registration-53018bea-grid-WXUgJq{width:100%}.registration-53018bea-row-WXUgJq{padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS);flex-wrap:wrap;margin-left:0;margin-right:0;display:flex}@media (width>=740px){.registration-53018bea-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingM));margin-right:calc(-1*var(--containerPaddingM));padding-left:var(--rowPaddingM);padding-right:var(--rowPaddingM)}}@media (width>=1025px){.registration-53018bea-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingL));margin-right:calc(-1*var(--containerPaddingL));padding-left:var(--rowPaddingL);padding-right:var(--rowPaddingL)}}@media (width>=1113px){.registration-53018bea-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingXL));margin-right:calc(-1*var(--containerPaddingXL));padding-left:var(--rowPaddingXL);padding-right:var(--rowPaddingXL)}}@media (width>=1680px){.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingXXL));margin-right:calc(-1*var(--containerPaddingXXL));padding-left:calc(var(--rowPaddingXXL) + var(--containerPaddingS));padding-right:calc(var(--rowPaddingXXL) + var(--containerPaddingS))}}.registration-53018bea-gridContainer-WXUgJq.registration-53018bea-armstrongGridContainer-WXUgJq .registration-53018bea-row-WXUgJq{padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS);margin-left:0;margin-right:0}.registration-53018bea-row-WXUgJq .registration-53018bea-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingS));margin-right:calc(-1*var(--containerPaddingS));padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS)}@media (width>=740px){.registration-53018bea-row-WXUgJq .registration-53018bea-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingM));margin-right:calc(-1*var(--containerPaddingM));padding-left:var(--columnPaddingM);padding-right:var(--columnPaddingM)}}@media (width>=1025px){.registration-53018bea-row-WXUgJq .registration-53018bea-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingL));margin-right:calc(-1*var(--containerPaddingL));padding-left:var(--columnPaddingL);padding-right:var(--columnPaddingL)}}@media (width>=1113px){.registration-53018bea-row-WXUgJq .registration-53018bea-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingXL));margin-right:calc(-1*var(--containerPaddingXL));padding-left:var(--columnPaddingXL);padding-right:var(--columnPaddingXL)}}.registration-53018bea-gridContainer-WXUgJq.registration-53018bea-armstrongGridContainer-WXUgJq .registration-53018bea-row-WXUgJq .registration-53018bea-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingS));margin-right:calc(-1*var(--containerPaddingS));padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS)}.registration-53018bea-col-WXUgJq{padding-left:var(--columnPaddingS);padding-right:var(--columnPaddingS)}@media (width>=740px){.registration-53018bea-col-WXUgJq{padding-left:var(--columnPaddingM);padding-right:var(--columnPaddingM)}}@media (width>=1025px){.registration-53018bea-col-WXUgJq{padding-left:var(--columnPaddingL);padding-right:var(--columnPaddingL)}}@media (width>=1113px){.registration-53018bea-col-WXUgJq{padding-left:var(--columnPaddingXL);padding-right:var(--columnPaddingXL)}}@media (width>=1680px){.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-col-WXUgJq{padding-left:var(--columnPaddingXXL);padding-right:var(--columnPaddingXXL)}}.registration-53018bea-gridContainer-WXUgJq.registration-53018bea-armstrongGridContainer-WXUgJq .registration-53018bea-col-WXUgJq{padding-left:var(--columnPaddingS);padding-right:var(--columnPaddingS)}.registration-53018bea-default0-WXUgJq{display:none}.registration-53018bea-default1-WXUgJq{width:var(--columnWidth1)}.registration-53018bea-default2-WXUgJq{width:var(--columnWidth2)}.registration-53018bea-default3-WXUgJq{width:var(--columnWidth3)}.registration-53018bea-default4-WXUgJq{width:var(--columnWidth4)}.registration-53018bea-default5-WXUgJq{width:var(--columnWidth5)}.registration-53018bea-default6-WXUgJq{width:var(--columnWidth6)}.registration-53018bea-default7-WXUgJq{width:var(--columnWidth7)}.registration-53018bea-default8-WXUgJq{width:var(--columnWidth8)}.registration-53018bea-default9-WXUgJq{width:var(--columnWidth9)}.registration-53018bea-default10-WXUgJq{width:var(--columnWidth10)}.registration-53018bea-default11-WXUgJq{width:var(--columnWidth11)}.registration-53018bea-default12-WXUgJq{width:var(--columnWidth12)}.registration-53018bea-defaultOffset1-WXUgJq{margin-left:var(--columnWidth1)}.registration-53018bea-defaultOffset2-WXUgJq{margin-left:var(--columnWidth2)}.registration-53018bea-defaultOffset3-WXUgJq{margin-left:var(--columnWidth3)}.registration-53018bea-defaultOffset4-WXUgJq{margin-left:var(--columnWidth4)}.registration-53018bea-defaultOffset5-WXUgJq{margin-left:var(--columnWidth5)}.registration-53018bea-defaultOffset6-WXUgJq{margin-left:var(--columnWidth6)}.registration-53018bea-defaultOffset7-WXUgJq{margin-left:var(--columnWidth7)}.registration-53018bea-defaultOffset8-WXUgJq{margin-left:var(--columnWidth8)}.registration-53018bea-defaultOffset9-WXUgJq{margin-left:var(--columnWidth9)}.registration-53018bea-defaultOffset10-WXUgJq{margin-left:var(--columnWidth10)}.registration-53018bea-defaultOffset11-WXUgJq{margin-left:var(--columnWidth11)}@media (width<=539px){.registration-53018bea-tiny0-WXUgJq{display:none}.registration-53018bea-tiny1-WXUgJq,.registration-53018bea-tiny2-WXUgJq,.registration-53018bea-tiny3-WXUgJq,.registration-53018bea-tiny4-WXUgJq,.registration-53018bea-tiny5-WXUgJq,.registration-53018bea-tiny6-WXUgJq,.registration-53018bea-tiny7-WXUgJq,.registration-53018bea-tiny8-WXUgJq,.registration-53018bea-tiny9-WXUgJq,.registration-53018bea-tiny10-WXUgJq,.registration-53018bea-tiny11-WXUgJq,.registration-53018bea-tiny12-WXUgJq{display:block}.registration-53018bea-tiny1-WXUgJq{width:var(--columnWidth1)}.registration-53018bea-tiny2-WXUgJq{width:var(--columnWidth2)}.registration-53018bea-tiny3-WXUgJq{width:var(--columnWidth3)}.registration-53018bea-tiny4-WXUgJq{width:var(--columnWidth4)}.registration-53018bea-tiny5-WXUgJq{width:var(--columnWidth5)}.registration-53018bea-tiny6-WXUgJq{width:var(--columnWidth6)}.registration-53018bea-tiny7-WXUgJq{width:var(--columnWidth7)}.registration-53018bea-tiny8-WXUgJq{width:var(--columnWidth8)}.registration-53018bea-tiny9-WXUgJq{width:var(--columnWidth9)}.registration-53018bea-tiny10-WXUgJq{width:var(--columnWidth10)}.registration-53018bea-tiny11-WXUgJq{width:var(--columnWidth11)}.registration-53018bea-tiny12-WXUgJq{width:var(--columnWidth12)}.registration-53018bea-tinyOffset0-WXUgJq{margin-left:0}.registration-53018bea-tinyOffset1-WXUgJq{margin-left:var(--columnWidth1)}.registration-53018bea-tinyOffset2-WXUgJq{margin-left:var(--columnWidth2)}.registration-53018bea-tinyOffset3-WXUgJq{margin-left:var(--columnWidth3)}.registration-53018bea-tinyOffset4-WXUgJq{margin-left:var(--columnWidth4)}.registration-53018bea-tinyOffset5-WXUgJq{margin-left:var(--columnWidth5)}.registration-53018bea-tinyOffset6-WXUgJq{margin-left:var(--columnWidth6)}.registration-53018bea-tinyOffset7-WXUgJq{margin-left:var(--columnWidth7)}.registration-53018bea-tinyOffset8-WXUgJq{margin-left:var(--columnWidth8)}.registration-53018bea-tinyOffset9-WXUgJq{margin-left:var(--columnWidth9)}.registration-53018bea-tinyOffset10-WXUgJq{margin-left:var(--columnWidth10)}.registration-53018bea-tinyOffset11-WXUgJq{margin-left:var(--columnWidth11)}}@media (width>=740px){.registration-53018bea-confined0-WXUgJq{display:none}.registration-53018bea-confined1-WXUgJq,.registration-53018bea-confined2-WXUgJq,.registration-53018bea-confined3-WXUgJq,.registration-53018bea-confined4-WXUgJq,.registration-53018bea-confined5-WXUgJq,.registration-53018bea-confined6-WXUgJq,.registration-53018bea-confined7-WXUgJq,.registration-53018bea-confined8-WXUgJq,.registration-53018bea-confined9-WXUgJq,.registration-53018bea-confined10-WXUgJq,.registration-53018bea-confined11-WXUgJq,.registration-53018bea-confined12-WXUgJq{display:block}.registration-53018bea-confined1-WXUgJq{width:var(--columnWidth1)}.registration-53018bea-confined2-WXUgJq{width:var(--columnWidth2)}.registration-53018bea-confined3-WXUgJq{width:var(--columnWidth3)}.registration-53018bea-confined4-WXUgJq{width:var(--columnWidth4)}.registration-53018bea-confined5-WXUgJq{width:var(--columnWidth5)}.registration-53018bea-confined6-WXUgJq{width:var(--columnWidth6)}.registration-53018bea-confined7-WXUgJq{width:var(--columnWidth7)}.registration-53018bea-confined8-WXUgJq{width:var(--columnWidth8)}.registration-53018bea-confined9-WXUgJq{width:var(--columnWidth9)}.registration-53018bea-confined10-WXUgJq{width:var(--columnWidth10)}.registration-53018bea-confined11-WXUgJq{width:var(--columnWidth11)}.registration-53018bea-confined12-WXUgJq{width:var(--columnWidth12)}.registration-53018bea-confinedOffset0-WXUgJq{margin-left:0}.registration-53018bea-confinedOffset1-WXUgJq{margin-left:var(--columnWidth1)}.registration-53018bea-confinedOffset2-WXUgJq{margin-left:var(--columnWidth2)}.registration-53018bea-confinedOffset3-WXUgJq{margin-left:var(--columnWidth3)}.registration-53018bea-confinedOffset4-WXUgJq{margin-left:var(--columnWidth4)}.registration-53018bea-confinedOffset5-WXUgJq{margin-left:var(--columnWidth5)}.registration-53018bea-confinedOffset6-WXUgJq{margin-left:var(--columnWidth6)}.registration-53018bea-confinedOffset7-WXUgJq{margin-left:var(--columnWidth7)}.registration-53018bea-confinedOffset8-WXUgJq{margin-left:var(--columnWidth8)}.registration-53018bea-confinedOffset9-WXUgJq{margin-left:var(--columnWidth9)}.registration-53018bea-confinedOffset10-WXUgJq{margin-left:var(--columnWidth10)}.registration-53018bea-confinedOffset11-WXUgJq{margin-left:var(--columnWidth11)}}@media ((width>=883px) and (width<=1024px)) or (width>=1113px){.registration-53018bea-wide0-WXUgJq{display:none}.registration-53018bea-wide1-WXUgJq,.registration-53018bea-wide2-WXUgJq,.registration-53018bea-wide3-WXUgJq,.registration-53018bea-wide4-WXUgJq,.registration-53018bea-wide5-WXUgJq,.registration-53018bea-wide6-WXUgJq,.registration-53018bea-wide7-WXUgJq,.registration-53018bea-wide8-WXUgJq,.registration-53018bea-wide9-WXUgJq,.registration-53018bea-wide10-WXUgJq,.registration-53018bea-wide11-WXUgJq,.registration-53018bea-wide12-WXUgJq{display:block}.registration-53018bea-wide1-WXUgJq{width:var(--columnWidth1)}.registration-53018bea-wide2-WXUgJq{width:var(--columnWidth2)}.registration-53018bea-wide3-WXUgJq{width:var(--columnWidth3)}.registration-53018bea-wide4-WXUgJq{width:var(--columnWidth4)}.registration-53018bea-wide5-WXUgJq{width:var(--columnWidth5)}.registration-53018bea-wide6-WXUgJq{width:var(--columnWidth6)}.registration-53018bea-wide7-WXUgJq{width:var(--columnWidth7)}.registration-53018bea-wide8-WXUgJq{width:var(--columnWidth8)}.registration-53018bea-wide9-WXUgJq{width:var(--columnWidth9)}.registration-53018bea-wide10-WXUgJq{width:var(--columnWidth10)}.registration-53018bea-wide11-WXUgJq{width:var(--columnWidth11)}.registration-53018bea-wide12-WXUgJq{width:var(--columnWidth12)}.registration-53018bea-wideOffset0-WXUgJq{margin-left:0}.registration-53018bea-wideOffset1-WXUgJq{margin-left:var(--columnWidth1)}.registration-53018bea-wideOffset2-WXUgJq{margin-left:var(--columnWidth2)}.registration-53018bea-wideOffset3-WXUgJq{margin-left:var(--columnWidth3)}.registration-53018bea-wideOffset4-WXUgJq{margin-left:var(--columnWidth4)}.registration-53018bea-wideOffset5-WXUgJq{margin-left:var(--columnWidth5)}.registration-53018bea-wideOffset6-WXUgJq{margin-left:var(--columnWidth6)}.registration-53018bea-wideOffset7-WXUgJq{margin-left:var(--columnWidth7)}.registration-53018bea-wideOffset8-WXUgJq{margin-left:var(--columnWidth8)}.registration-53018bea-wideOffset9-WXUgJq{margin-left:var(--columnWidth9)}.registration-53018bea-wideOffset10-WXUgJq{margin-left:var(--columnWidth10)}.registration-53018bea-wideOffset11-WXUgJq{margin-left:var(--columnWidth11)}}@media (width>=1310px){.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide0-WXUgJq{display:none}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide1-WXUgJq,.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide2-WXUgJq,.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide3-WXUgJq,.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide4-WXUgJq,.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide5-WXUgJq,.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide6-WXUgJq,.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide7-WXUgJq,.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide8-WXUgJq,.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide9-WXUgJq,.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide10-WXUgJq,.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide11-WXUgJq,.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide12-WXUgJq{display:block}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide1-WXUgJq{width:var(--columnWidth1)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide2-WXUgJq{width:var(--columnWidth2)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide3-WXUgJq{width:var(--columnWidth3)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide4-WXUgJq{width:var(--columnWidth4)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide5-WXUgJq{width:var(--columnWidth5)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide6-WXUgJq{width:var(--columnWidth6)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide7-WXUgJq{width:var(--columnWidth7)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide8-WXUgJq{width:var(--columnWidth8)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide9-WXUgJq{width:var(--columnWidth9)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide10-WXUgJq{width:var(--columnWidth10)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide11-WXUgJq{width:var(--columnWidth11)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwide12-WXUgJq{width:var(--columnWidth12)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset0-WXUgJq{margin-left:0}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset1-WXUgJq{margin-left:var(--columnWidth1)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset2-WXUgJq{margin-left:var(--columnWidth2)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset3-WXUgJq{margin-left:var(--columnWidth3)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset4-WXUgJq{margin-left:var(--columnWidth4)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset5-WXUgJq{margin-left:var(--columnWidth5)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset6-WXUgJq{margin-left:var(--columnWidth6)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset7-WXUgJq{margin-left:var(--columnWidth7)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset8-WXUgJq{margin-left:var(--columnWidth8)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset9-WXUgJq{margin-left:var(--columnWidth9)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset10-WXUgJq{margin-left:var(--columnWidth10)}.registration-53018bea-wideGridContainer-WXUgJq .registration-53018bea-xwideOffset11-WXUgJq{margin-left:var(--columnWidth11)}} .registration-53018beaOAwrHg { display: flex; margin-inline-end: 8px; } .registration-53018beaOAwrHg1 { height: 18px; width: 18px; } .registration-53018beaOAwrHg2 { height: 24px; width: 24px; } .registration-53018beaOAwrHg3 { align-items: center; background-color: transparent; border-radius: 50px; border: none; color: var(--xdlColorText); display: inline-flex; font-size: 14px; font-weight: 700; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { border-radius: 50px; box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 70ms 150ms; transition-property: transform, background-color, width, height, inset-block-start, inset-inline-start; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:hover, &:focus { cursor: pointer; text-decoration: none; } &:hover { &::after { width: calc(100% + 4px); height: calc(100% + 4px); inset-block-start: -2px; inset-inline-start: -2px; } } &:active { &::after { transform: scale(0.95); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { cursor: default; } &:disabled { &::after { cursor: default; width: 100%; height: 100%; inset-block-start: 0; inset-inline-start: 0; transform: none; user-select: none; } } } .registration-53018beaOAwrHg4 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorInfoSoft); } &:hover { color: var(--xdlColorText); &::after { background-color: var(--xdlColorHoverTertiary); @media (hover: none) { background-color: var(--xdlColorHoverTertiary); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:visited { color: var(--xdlColorText); } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorText); } &::after { background-color: var(--xdlColorDisabledSoft); } } &[data-loading='true'] { &::after { background-color: var(--xdlColorInfoSoft); } } } .registration-53018beaOAwrHg5 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnLight); } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorHoverOnColor); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillLight); } } } &:visited { color: var(--xdlColorTextOnLight); } &:active { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorControlFillDark); border: none; } } &:disabled { color: var(--xdlColorDisabledOnColor); &::after { background-color: var(--xdlColorControlFillLight); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnLight); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .registration-53018beaOAwrHg6 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorControlFillDark); color: var(--xdlColorTextOnDark); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorHoverOnColorStrong); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillDark); } } } &:visited { color: var(--xdlColorTextOnDark); } &:active { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } &:disabled { color: var(--xdlColorDisabledOnColor); &::after { background-color: var(--xdlColorControlFillLight); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorControlFillDark); } } } .registration-53018beaOAwrHg7 { && { color: var(--xdlColorTextOnDark); } &::before { border-color: var(--xdlColorA11yBorder); border-radius: 50px; border-style: solid; border-width: 2px; box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 70ms; transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: calc(-100 + 1); } &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.6; } &:hover { &::before { border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:hover { &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.8; @media (hover: none) { opacity: 0.6; } } } &:active { color: var(--xdlColorTextInvert); &::before { transform: scale(0.95); } &::after { background-color: var(--xdlColorSelected); border: none; opacity: 1; } } &:disabled { color: var(--xdlColorTextOnDark); /** Button Text */ & > div > span { opacity: 0.4; } /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::before { border: none; } &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.6; } } &[data-loading='true'] { &::before { border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &::after { background-color: var(--xdlColorControlFillQuaternary); } } } .registration-53018beaOAwrHg8 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorPremium); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnDark); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorPremiumSecondary); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorPremium); } } } &:visited { color: var(--xdlColorTextOnDark); } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { &::after { background-color: var(--xdlColorPremium); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .registration-53018beaOAwrHg9 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorPrimaryButtonHover); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnLight); @media (hover: none) { background-color: var(--xdlColorXING); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; color: var(--xdlColorTextInvert); } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .registration-53018beaOAwrHg10 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorProBusiness); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorProBusinessSecondary); @media (hover: none) { background-color: var(--xdlColorProBusiness); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:visited { color: var(--xdlColorTextOnDark); } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorDisabledSoft); } } &[data-loading='true'] { &::after { background-color: var(--xdlColorProBusiness); } } } .registration-53018beaOAwrHg11 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorProJobsFill); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorProJobsSecondary); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorProJobsFill); } } } &:visited { color: var(--xdlColorTextOnLight); } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { &::after { background-color: var(--xdlColorProJobsFill); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .registration-53018beaOAwrHg12 { color: var(--xdlColorText); &::after { background-color: transparent; border-color: var(--xdlColorText); border-style: solid; border-width: 2px; } &:hover { @media (hover: none) { color: var(--xdlColorText); } &::after { background: var(--xdlColorButtonSecondaryHover); border-color: var(--xdlColorText); @media (hover: none) { background-color: var(--xdlColorButtonSecondaryHover); color: var(--xdlColorText); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); pointer-events: none; &::after { background-color: transparent; border-color: var(--xdlColorDisabledStrong); color: var(--xdlColorDisabledStrong); } } &[data-loading='true'] { &::after { background-color: transparent; border-color: var(--xdlColorText); } } } .registration-53018beaOAwrHg13 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFillTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:hover { &::after { background-color: var(--xdlColorHoverTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillTertiary); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; &:hover::after { background-color: transparent; } } } &[data-loading='true'] { &::after { background-color: var(--xdlColorControlFillTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .registration-53018beaOAwrHg14 { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } .registration-53018beaOAwrHg15 { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } .registration-53018beaOAwrHg16 { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } .registration-53018beaOAwrHg17 { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } .registration-53018beaOAwrHg18 { @media (min-width: 740px) { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } } .registration-53018beaOAwrHg19 { @media (min-width: 740px) { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } } .registration-53018beaOAwrHg20 { @media (min-width: 740px) { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } } .registration-53018beaOAwrHg21 { @media (min-width: 740px) { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } } .registration-53018beaOAwrHg22 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } } .registration-53018beaOAwrHg23 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } } .registration-53018beaOAwrHg24 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } } .registration-53018beaOAwrHg25 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } } .registration-53018beaOAwrHg26 { padding: 0; & .registration-53018beaOAwrHg { margin: 0; } } .registration-53018beaOAwrHg27 { align-items: center; background-color: transparent; border-radius: 50px; border: none; color: var(--xdlColorText); display: inline-flex; font-size: 14px; font-weight: 700; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { border-radius: 50px; box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 70ms 150ms; transition-property: transform, background-color, width, height, inset-block-start, inset-inline-start; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:hover, &:focus { cursor: pointer; text-decoration: none; } &:hover { &::after { width: calc(100% + 4px); height: calc(100% + 4px); inset-block-start: -2px; inset-inline-start: -2px; } } &:active { &::after { transform: scale(0.95); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { cursor: default; } &:disabled { &::after { cursor: default; width: 100%; height: 100%; inset-block-start: 0; inset-inline-start: 0; transform: none; user-select: none; } } } .registration-53018beaOAwrHg28 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorInfoSoft); } &:hover { color: var(--xdlColorText); &::after { background-color: var(--xdlColorHoverTertiary); @media (hover: none) { background-color: var(--xdlColorHoverTertiary); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:visited { color: var(--xdlColorText); } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorText); } &::after { background-color: var(--xdlColorDisabledSoft); } } &[data-loading='true'] { &::after { background-color: var(--xdlColorInfoSoft); } } } .registration-53018beaOAwrHg29 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnLight); } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorHoverOnColor); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillLight); } } } &:visited { color: var(--xdlColorTextOnLight); } &:active { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorControlFillDark); border: none; } } &:disabled { color: var(--xdlColorDisabledOnColor); &::after { background-color: var(--xdlColorControlFillLight); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnLight); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .registration-53018beaOAwrHg30 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorControlFillDark); color: var(--xdlColorTextOnDark); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorHoverOnColorStrong); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillDark); } } } &:visited { color: var(--xdlColorTextOnDark); } &:active { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } &:disabled { color: var(--xdlColorDisabledOnColor); &::after { background-color: var(--xdlColorControlFillLight); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorControlFillDark); } } } .registration-53018beaOAwrHg31 { && { color: var(--xdlColorTextOnDark); } &::before { border-color: var(--xdlColorA11yBorder); border-radius: 50px; border-style: solid; border-width: 2px; box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 70ms; transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: calc(-100 + 1); } &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.6; } &:hover { &::before { border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:hover { &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.8; @media (hover: none) { opacity: 0.6; } } } &:active { color: var(--xdlColorTextInvert); &::before { transform: scale(0.95); } &::after { background-color: var(--xdlColorSelected); border: none; opacity: 1; } } &:disabled { color: var(--xdlColorTextOnDark); /** Button Text */ & > div > span { opacity: 0.4; } /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::before { border: none; } &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.6; } } &[data-loading='true'] { &::before { border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &::after { background-color: var(--xdlColorControlFillQuaternary); } } } .registration-53018beaOAwrHg32 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorPremium); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnDark); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorPremiumSecondary); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorPremium); } } } &:visited { color: var(--xdlColorTextOnDark); } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { &::after { background-color: var(--xdlColorPremium); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .registration-53018beaOAwrHg33 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorPrimaryButtonHover); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnLight); @media (hover: none) { background-color: var(--xdlColorXING); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; color: var(--xdlColorTextInvert); } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .registration-53018beaOAwrHg34 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorProBusiness); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorProBusinessSecondary); @media (hover: none) { background-color: var(--xdlColorProBusiness); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:visited { color: var(--xdlColorTextOnDark); } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorDisabledSoft); } } &[data-loading='true'] { &::after { background-color: var(--xdlColorProBusiness); } } } .registration-53018beaOAwrHg35 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorProJobsFill); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorProJobsSecondary); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorProJobsFill); } } } &:visited { color: var(--xdlColorTextOnLight); } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { &::after { background-color: var(--xdlColorProJobsFill); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .registration-53018beaOAwrHg36 { color: var(--xdlColorText); &::after { background-color: transparent; border-color: var(--xdlColorText); border-style: solid; border-width: 2px; } &:hover { @media (hover: none) { color: var(--xdlColorText); } &::after { background: var(--xdlColorButtonSecondaryHover); border-color: var(--xdlColorText); @media (hover: none) { background-color: var(--xdlColorButtonSecondaryHover); color: var(--xdlColorText); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); pointer-events: none; &::after { background-color: transparent; border-color: var(--xdlColorDisabledStrong); color: var(--xdlColorDisabledStrong); } } &[data-loading='true'] { &::after { background-color: transparent; border-color: var(--xdlColorText); } } } .registration-53018beaOAwrHg37 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFillTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:hover { &::after { background-color: var(--xdlColorHoverTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillTertiary); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; &:hover::after { background-color: transparent; } } } &[data-loading='true'] { &::after { background-color: var(--xdlColorControlFillTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .registration-53018beaOAwrHg38 { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } .registration-53018beaOAwrHg39 { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } .registration-53018beaOAwrHg40 { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } .registration-53018beaOAwrHg41 { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } .registration-53018beaOAwrHg42 { @media (min-width: 740px) { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } } .registration-53018beaOAwrHg43 { @media (min-width: 740px) { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } } .registration-53018beaOAwrHg44 { @media (min-width: 740px) { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } } .registration-53018beaOAwrHg45 { @media (min-width: 740px) { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } } .registration-53018beaOAwrHg46 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } } .registration-53018beaOAwrHg47 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } } .registration-53018beaOAwrHg48 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } } .registration-53018beaOAwrHg49 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } } .registration-53018beaOAwrHg50 { padding: 0; & .registration-53018beaOAwrHg { margin: 0; } } .registration-53018beaOAwrHg51 { align-items: center; display: flex; justify-content: center; } .registration-53018beaOAwrHg52 { overflow: hidden; white-space: nowrap; } .registration-53018beaOAwrHg53 { inset-block-start: 50%; inset-inline-start: 50%; position: absolute; transform: translate(-50%, -50%); } .registration-53018beaOAwrHg54 { transform: translate(-50%, -50%) scale(0.6); } .registration-53018beaOAwrHg55 { transform: translate(-50%, -50%) scale(0.7); } .registration-53018beaOAwrHg56 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.6); } } .registration-53018beaOAwrHg57 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.7); } } .registration-53018beaOAwrHg58 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.6); } } .registration-53018beaOAwrHg59 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.7); } } .registration-53018beaOAwrHg60 { display: inline-flex; } .registration-53018beaOAwrHg61 { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .registration-53018beaOAwrHg62 { visibility: hidden; } @keyframes registration-53018beabGEl63 { 0% { transform: scale(1); } /* 0ms */ 25.5% { transform: scale(1); } /* 240ms */ 51.1% { transform: scale(0.6); } /* 480ms */ 76.6% { transform: scale(1); } /* 720ms */ 100% { transform: scale(1); } /* 940ms */ } @keyframes registration-53018beabGEl631 { 0% { transform: scale(1); } /* 0ms */ 37.2% { transform: scale(1); } /* 350ms */ 62.8% { transform: scale(0.6); } /* 590ms */ 88.3% { transform: scale(1); } /* 830ms */ 100% { transform: scale(1); } /* 940ms */ } @keyframes registration-53018beabGEl632 { 0% { transform: scale(1); } /* 0ms */ 48.9% { transform: scale(1); } /* 460ms */ 74.5% { transform: scale(0.6); } /* 700ms */ 100% { transform: scale(1); } /* 940ms */ } .registration-53018beabGEl633 { align-items: center; display: flex; height: calc(8px * 1.2); /* 1.2 is max. scale transformation */ } .registration-53018beabGEl634 { animation-duration: calc(3 * 240ms + 2 * 110ms); animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); background-color: var(--xdlColorText); border-radius: 100%; height: 8px; min-width: 8px; /* needed for IE 11 */ width: 8px; animation-name: registration-53018beabGEl63; margin-right: 8px; } .registration-53018beabGEl635 { animation-duration: calc(3 * 240ms + 2 * 110ms); animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); background-color: var(--xdlColorText); border-radius: 100%; height: 8px; min-width: 8px; /* needed for IE 11 */ width: 8px; animation-name: registration-53018beabGEl631; } .registration-53018beabGEl636 { animation-duration: calc(3 * 240ms + 2 * 110ms); animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); background-color: var(--xdlColorText); border-radius: 100%; height: 8px; min-width: 8px; /* needed for IE 11 */ width: 8px; animation-name: registration-53018beabGEl632; margin-left: 8px; } .registration-53018beaoOj59E1 { height: 18px; width: 18px; } .registration-53018beaoOj59E2 { height: 24px; width: 24px; } .registration-53018beaoOj59E3 { align-items: center; background-color: transparent; border-radius: 50%; border: 0; color: var(--xdlColorText); cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: transparent; border-radius: 50%; box-sizing: border-box; content: ''; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 150ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:hover { color: var(--xdlColorText); &::after { background-color: var(--xdlColorHoverSecondary); transform: scale(1.05); } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); transform: scale(0.95); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { color: var(--xdlColorDisabledStrong); cursor: default; &::after { background-color: transparent; transform: none; user-select: none; } } &:visited { color: var(--xdlColorText); } } .registration-53018beaoOj59E4 { height: 32px; width: 32px; } .registration-53018beaoOj59E5 { height: 42px; width: 42px; } .registration-53018beaoOj59E6 { height: 48px; width: 48px; } .registration-53018beaoOj59E7 { @media (min-width: 740px) { height: 32px; width: 32px; } } .registration-53018beaoOj59E8 { @media (min-width: 740px) { height: 42px; width: 42px; } } .registration-53018beaoOj59E9 { @media (min-width: 740px) { height: 48px; width: 48px; } } .registration-53018beaoOj59E10 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 32px; width: 32px; } } .registration-53018beaoOj59E11 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 42px; width: 42px; } } .registration-53018beaoOj59E12 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 48px; width: 48px; } } .registration-53018beaoOj59E13 { align-items: center; background-color: transparent; border-radius: 50%; border: 0; color: var(--xdlColorText); cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: transparent; border-radius: 50%; box-sizing: border-box; content: ''; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 150ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:hover { color: var(--xdlColorText); &::after { background-color: var(--xdlColorHoverSecondary); transform: scale(1.05); } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); transform: scale(0.95); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { color: var(--xdlColorDisabledStrong); cursor: default; &::after { background-color: transparent; transform: none; user-select: none; } } &:visited { color: var(--xdlColorText); } } .registration-53018beaoOj59E14 { height: 32px; width: 32px; } .registration-53018beaoOj59E15 { height: 42px; width: 42px; } .registration-53018beaoOj59E16 { height: 48px; width: 48px; } .registration-53018beaoOj59E17 { @media (min-width: 740px) { height: 32px; width: 32px; } } .registration-53018beaoOj59E18 { @media (min-width: 740px) { height: 42px; width: 42px; } } .registration-53018beaoOj59E19 { @media (min-width: 740px) { height: 48px; width: 48px; } } .registration-53018beaoOj59E20 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 32px; width: 32px; } } .registration-53018beaoOj59E21 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 42px; width: 42px; } } .registration-53018beaoOj59E22 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 48px; width: 48px; } } .registration-53018beaoOj59E23 { inset-block-start: 50%; inset-inline-start: 50%; position: absolute; transform: translate(-50%, -50%); } .registration-53018beaoOj59E24 { transform: translate(-50%, -50%) scale(0.6); } .registration-53018beaoOj59E25 { transform: translate(-50%, -50%) scale(0.7); } .registration-53018beaoOj59E26 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.6); } } .registration-53018beaoOj59E27 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.7); } } .registration-53018beaoOj59E28 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.6); } } .registration-53018beaoOj59E29 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.7); } } .registration-53018beac63iFT { inset-block-end: 1px; /* Position hack for ellipsis */ margin-inline-end: 8px; position: relative; } .registration-53018beac63iFT1 { height: 18px; width: 18px; } .registration-53018beac63iFT2 { height: 24px; width: 24px; } .registration-53018beac63iFT3 { margin-inline-end: 0; margin-inline-start: 8px; order: 1; } .registration-53018beac63iFT4 { align-items: center; background-color: transparent; border: 0; color: var(--xdlColorText); display: inline-flex; font-size: 14px; font-weight: 700; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 150ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:active, &:hover, &:focus { cursor: pointer; text-decoration: none; } &:hover { text-decoration-line: underline; text-decoration-skip-ink: none; text-decoration-style: solid; text-decoration-thickness: 13%; text-underline-offset: 20%; text-underline-position: from-font; } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { color: var(--xdlColorDisabledStrong); cursor: default; } &:disabled { &:hover { text-decoration: none; } &::after { cursor: default; user-select: none; } } &:visited { color: var(--xdlColorText); } } .registration-53018beac63iFT5 { font-size: 14px; height: 32px; min-width: 32px; } .registration-53018beac63iFT6 { font-size: 16px; height: 42px; min-width: 42px; } .registration-53018beac63iFT7 { font-size: 18px; height: 48px; min-width: 48px; } .registration-53018beac63iFT8 { overflow: hidden; } .registration-53018beac63iFT9 { @media (min-width: 740px) { font-size: 14px; height: 32px; min-width: 32px; } } .registration-53018beac63iFT10 { @media (min-width: 740px) { font-size: 16px; height: 42px; min-width: 42px; } } .registration-53018beac63iFT11 { @media (min-width: 740px) { font-size: 18px; height: 48px; min-width: 48px; } } .registration-53018beac63iFT12 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; height: 32px; min-width: 32px; } } .registration-53018beac63iFT13 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 42px; min-width: 42px; } } .registration-53018beac63iFT14 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 48px; min-width: 48px; } } .registration-53018beac63iFT15 { color: var(--xdlColorText); font-weight: 400; padding: 0; } .registration-53018beac63iFT16 { color: var(--xdlColorError); } .registration-53018beac63iFT17 { border-radius: 50%; padding: 0; & .registration-53018beac63iFT { margin: 0; } } .registration-53018beac63iFT18 { align-items: center; background-color: transparent; border: 0; color: var(--xdlColorText); display: inline-flex; font-size: 14px; font-weight: 700; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 150ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:active, &:hover, &:focus { cursor: pointer; text-decoration: none; } &:hover { text-decoration-line: underline; text-decoration-skip-ink: none; text-decoration-style: solid; text-decoration-thickness: 13%; text-underline-offset: 20%; text-underline-position: from-font; } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { color: var(--xdlColorDisabledStrong); cursor: default; } &:disabled { &:hover { text-decoration: none; } &::after { cursor: default; user-select: none; } } &:visited { color: var(--xdlColorText); } } .registration-53018beac63iFT19 { font-size: 14px; height: 32px; min-width: 32px; } .registration-53018beac63iFT20 { font-size: 16px; height: 42px; min-width: 42px; } .registration-53018beac63iFT21 { font-size: 18px; height: 48px; min-width: 48px; } .registration-53018beac63iFT22 { overflow: hidden; } .registration-53018beac63iFT23 { @media (min-width: 740px) { font-size: 14px; height: 32px; min-width: 32px; } } .registration-53018beac63iFT24 { @media (min-width: 740px) { font-size: 16px; height: 42px; min-width: 42px; } } .registration-53018beac63iFT25 { @media (min-width: 740px) { font-size: 18px; height: 48px; min-width: 48px; } } .registration-53018beac63iFT26 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; height: 32px; min-width: 32px; } } .registration-53018beac63iFT27 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 42px; min-width: 42px; } } .registration-53018beac63iFT28 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 48px; min-width: 48px; } } .registration-53018beac63iFT29 { color: var(--xdlColorText); font-weight: 400; padding: 0; } .registration-53018beac63iFT30 { color: var(--xdlColorError); } .registration-53018beac63iFT31 { border-radius: 50%; padding: 0; & .registration-53018beac63iFT { margin: 0; } } .registration-53018beac63iFT32 { align-items: center; display: flex; inset-block-end: -2px; /* Position hack for ellipsis */ justify-content: center; position: relative; } .registration-53018beac63iFT33 { overflow: hidden; white-space: nowrap; } .registration-53018beac63iFT34 { inset-block-start: 50%; inset-inline-start: 50%; position: absolute; transform: translate(-50%, -50%); } .registration-53018beac63iFT35 { transform: translate(-50%, -50%) scale(0.6); } .registration-53018beac63iFT36 { transform: translate(-50%, -50%) scale(0.7); } .registration-53018beac63iFT37 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.6); } } .registration-53018beac63iFT38 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.7); } } .registration-53018beac63iFT39 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.6); } } .registration-53018beac63iFT40 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.7); } } .registration-53018beac63iFT41 { display: inline-flex; padding-block-end: 2px; /* Position hack for ellipsis */ position: relative; } .registration-53018beac63iFT42 { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .registration-53018beac63iFT43 { visibility: hidden; } .registration-53018beaAINrrt1 { height: 24px; width: 24px; & > svg { height: 24px; width: 24px; } } .registration-53018beaAINrrt2 { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } .registration-53018beaAINrrt3 { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } .registration-53018beaAINrrt4 { @media (min-width: 740px) { height: 24px; width: 24px; & > svg { height: 24px; width: 24px; } } } .registration-53018beaAINrrt5 { @media (min-width: 740px) { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } } .registration-53018beaAINrrt6 { @media (min-width: 740px) { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } } .registration-53018beaAINrrt7 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 24px; width: 24px; & > svg { height: 24px; width: 24px; } } } .registration-53018beaAINrrt8 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } } .registration-53018beaAINrrt9 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } } .registration-53018beaAINrrt10 { align-items: center; background-color: transparent; border-radius: 50%; border: 0; cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: transparent; border-radius: 50%; box-shadow: 0 4px 16px 3px rgba(33, 42, 54, 0.13); box-sizing: border-box; content: ''; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 240ms; transition-property: transform, width, height, inset-block-start, inset-inline-start, background-color; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); width: 100%; z-index: -100; } &:hover { &::after { height: calc(100% + 4px * 2); inset-block-start: -4px; inset-inline-start: -4px; width: calc(100% + 4px * 2); } } &:active { transform: scale(1.125); transition-duration: 150ms; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); &::after { height: calc(100% - 4px * 2); inset-block-start: 4px; inset-inline-start: 4px; transition-duration: 150ms; width: calc(100% - 4px * 2); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { cursor: default; pointer-events: none; &::after { background-color: transparent; user-select: none; } } } .registration-53018beaAINrrt11 { height: 48px; width: 48px; } .registration-53018beaAINrrt12 { height: 60px; width: 60px; } .registration-53018beaAINrrt13 { height: 68px; width: 68px; } .registration-53018beaAINrrt14 { @media (min-width: 740px) { height: 48px; width: 48px; } } .registration-53018beaAINrrt15 { @media (min-width: 740px) { height: 60px; width: 60px; } } .registration-53018beaAINrrt16 { @media (min-width: 740px) { height: 68px; width: 68px; } } .registration-53018beaAINrrt17 { @media (min-width: 740px) { height: 48px; width: 48px; } } .registration-53018beaAINrrt18 { @media (min-width: 740px) { height: 60px; width: 60px; } } .registration-53018beaAINrrt19 { @media (min-width: 740px) { height: 68px; width: 68px; } } .registration-53018beaAINrrt20 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 48px; width: 48px; } } .registration-53018beaAINrrt21 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 60px; width: 60px; } } .registration-53018beaAINrrt22 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 68px; width: 68px; } } .registration-53018beaAINrrt23 { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorControlFillInvert); border: none; } &:visited { color: var(--xdlColorTextInvert); } &:hover, &:focus { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorHoverQuaternary); border: none; } } &:active { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextInvert); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextInvert); } &::after { background-color: var(--xdlColorSelected); border: none; } } } .registration-53018beaAINrrt24 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnLight); } &:hover, &:focus { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorPrimaryButtonHover); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnLight); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .registration-53018beaAINrrt25 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorText); } &:hover, &:focus { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFillSecondary); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorText); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorText); } &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } } .registration-53018beaAINrrt26 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonHighlight); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnDark); } &:hover, &:focus { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonHighlightHover); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorButtonHighlight); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .registration-53018beaAINrrt27 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonDecline); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnDark); } &:hover, &:focus { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonDeclineHover); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorButtonDecline); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .registration-53018beaAINrrt28 { align-items: center; background-color: transparent; border-radius: 50%; border: 0; cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: transparent; border-radius: 50%; box-shadow: 0 4px 16px 3px rgba(33, 42, 54, 0.13); box-sizing: border-box; content: ''; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 240ms; transition-property: transform, width, height, inset-block-start, inset-inline-start, background-color; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); width: 100%; z-index: -100; } &:hover { &::after { height: calc(100% + 4px * 2); inset-block-start: -4px; inset-inline-start: -4px; width: calc(100% + 4px * 2); } } &:active { transform: scale(1.125); transition-duration: 150ms; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); &::after { height: calc(100% - 4px * 2); inset-block-start: 4px; inset-inline-start: 4px; transition-duration: 150ms; width: calc(100% - 4px * 2); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { cursor: default; pointer-events: none; &::after { background-color: transparent; user-select: none; } } } .registration-53018beaAINrrt29 { height: 48px; width: 48px; } .registration-53018beaAINrrt30 { height: 60px; width: 60px; } .registration-53018beaAINrrt31 { height: 68px; width: 68px; } .registration-53018beaAINrrt32 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 48px; width: 48px; } } .registration-53018beaAINrrt33 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 60px; width: 60px; } } .registration-53018beaAINrrt34 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 68px; width: 68px; } } .registration-53018beaAINrrt35 { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorControlFillInvert); border: none; } &:visited { color: var(--xdlColorTextInvert); } &:hover, &:focus { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorHoverQuaternary); border: none; } } &:active { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextInvert); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextInvert); } &::after { background-color: var(--xdlColorSelected); border: none; } } } .registration-53018beaAINrrt36 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnLight); } &:hover, &:focus { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorPrimaryButtonHover); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnLight); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .registration-53018beaAINrrt37 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorText); } &:hover, &:focus { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFillSecondary); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorText); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorText); } &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } } .registration-53018beaAINrrt38 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonHighlight); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnDark); } &:hover, &:focus { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonHighlightHover); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorButtonHighlight); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .registration-53018beaAINrrt39 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonDecline); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnDark); } &:hover, &:focus { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonDeclineHover); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorButtonDecline); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .registration-53018beaAINrrt40 { inset-block-start: 50%; inset-inline-start: 50%; position: absolute; transform: translate(-50%, -50%); } .registration-53018beaAINrrt41 { transform: translate(-50%, -50%) scale(0.75); } .registration-53018beaAINrrt42 { transform: translate(-50%, -50%) scale(0.9); } .registration-53018beaAINrrt43 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.75); } } .registration-53018beaAINrrt44 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.9); } } .registration-53018beaAINrrt45 { @media (min-width: 740px) { transform: translate(-50%, -50%); } } .registration-53018beaAINrrt46 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.75); } } .registration-53018beaAINrrt47 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.9); } } .registration-53018beaAINrrt48 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%); } } .registration-53018beaOHNkOA1 { /* Meta's styled-components color rule uses a doubled selector. */ &&& { color: var(--xdlColorError); } } .registration-53018beaOHNkOA2 { color: var(--xdlColorTextSecondary); } .registration-53018beaKf8urC { position: relative; } .registration-53018beaKf8urC1 { position: relative; } .registration-53018beaKf8urC2 { display: flex; gap: 8px; justify-content: space-between; margin-block-start: 4px; } .registration-53018beaKf8urC3 { flex-grow: 1; text-align: end; } .registration-53018beaKf8urC4 { align-items: center; color: var(--xdlColorTextSecondary); display: flex; flex-grow: 1; gap: 2px; } .registration-53018beaKf8urC5 { /* Meta's doubled color selector is emitted in a later stylesheet. */ &&& { color: var(--xdlColorError); } } .registration-53018beaKf8urC6 { &&& { color: var(--xdlColorDisabledStrong); } } .registration-53018beaKf8urC7 { flex-shrink: 0; height: 12px; width: 12px; } .registration-53018beaKf8urC8 { flex-shrink: 0; height: 12px; width: 12px; } .registration-53018beaKf8urC9 { background-color: var(--xdlColorControlFillSecondary); border-block-end: 2px solid var(--xdlColorControlBorder); border-block-start: 1px solid var(--xdlColorA11yBorder); border-inline-end: 1px solid var(--xdlColorA11yBorder); border-inline-start: 1px solid var(--xdlColorA11yBorder); border-radius: 4px 4px 0 0; color: var(--xdlColorTextSecondary); display: inline-block; outline: none; padding-inline-end: 12px; padding-inline-start: 16px; width: 100%; @media (prefers-contrast: more) { & { border-block-end-width: 3px !important; border-block-start-width: 2px !important; border-inline-end-width: 2px !important; border-inline-start-width: 2px !important; } } &:focus { background-color: var(--xdlColorControlFill); border-block-end: 2px solid var(--xdlColorControlBorderSecondary); border-block-start: 1px solid var(--xdlColorControlBorder); border-inline-end: 1px solid var(--xdlColorControlBorder); border-inline-start: 1px solid var(--xdlColorControlBorder); outline-offset: 2px; outline: 2px solid var(--xdlColorFocusRing); } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:hover { border-block-end: 2px solid var(--xdlColorControlBorderSecondary); @media (prefers-contrast: more) { border-width: 2px; box-shadow: inset 0 0 0 1px var(--xdlColorControlBorderSecondary); } } &:not(:placeholder-shown) ~ &, :-webkit-autofill ~ &, :autofill ~ & { background-color: var(--xdlColorControlFill); font-size: 12px; inset-block-start: -9px; inset-inline-start: -4px; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 4px; padding-inline-start: 4px; transform: none; } } .registration-53018beaKf8urC10 { && { background-color: var(--xdlColorControlFill); border-block-end: 2px solid var(--xdlColorControlBorder); border-block-start: 1px solid var(--xdlColorControlBorder); border-inline-end: 1px solid var(--xdlColorControlBorder); border-inline-start: 1px solid var(--xdlColorControlBorder); &:hover, &:focus { border-block-end-color: var(--xdlColorControlBorderSecondary); } } } .registration-53018beaKf8urC11 { font-size: 14px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; } .registration-53018beaKf8urC12 { font-size: 16px; height: 48px; padding-block-end: 12px; padding-block-start: 12px; } .registration-53018beaKf8urC13 { font-size: 16px; height: 54px; padding-block-end: 15px; padding-block-start: 15px; } .registration-53018beaKf8urC14 { @media (min-width: 740px) { font-size: 14px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; } } .registration-53018beaKf8urC15 { @media (min-width: 740px) { font-size: 16px; height: 48px; padding-block-end: 12px; padding-block-start: 12px; } } .registration-53018beaKf8urC16 { @media (min-width: 740px) { font-size: 16px; height: 54px; padding-block-end: 15px; padding-block-start: 15px; } } .registration-53018beaKf8urC17 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; } } .registration-53018beaKf8urC18 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 48px; padding-block-end: 12px; padding-block-start: 12px; } } .registration-53018beaKf8urC19 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 54px; padding-block-end: 15px; padding-block-start: 15px; } } .registration-53018beaKf8urC20 { padding-inline-start: 35px; } .registration-53018beaKf8urC21 { padding-inline-start: 40px; } .registration-53018beaKf8urC22 { padding-inline-start: 40px; } .registration-53018beaKf8urC23 { padding-inline-end: 40px; } .registration-53018beaKf8urC24 { background-color: var(--xdlColorControlFill); border-block-end: 2px solid var(--xdlColorControlBorder); border-block-start: 1px solid var(--xdlColorControlBorder); border-inline-end: 1px solid var(--xdlColorControlBorder); border-inline-start: 1px solid var(--xdlColorControlBorder); color: var(--xdlColorText); } .registration-53018beaKf8urC25 { && { border-block-end: 2px solid var(--xdlColorSuccess); &:hover, &:focus { border-block-end: 2px solid var(--xdlColorControlBorderSecondary); } } } .registration-53018beaKf8urC26 { && { border-block-end: 2px solid var(--xdlColorError); &:hover, &:focus { border-block-end: 2px solid var(--xdlColorControlBorderSecondary); } } } .registration-53018beaKf8urC27 { border-color: var(--xdlColorDisabledSoft) !important; color: var(--xdlColorDisabledStrong); pointer-events: none; } .registration-53018beaKf8urC28 { border-block-end: 2px solid var(--xdlColorDisabledSoft) !important; border-block-start: 1px solid var(--xdlColorDisabledSoft) !important; border-inline-end: 1px solid var(--xdlColorDisabledSoft) !important; border-inline-start: 1px solid var(--xdlColorDisabledSoft) !important; color: var(--xdlColorDisabledStrong) !important; pointer-events: none; } .registration-53018beaKf8urC29 { && { border: 0; } } .registration-53018beaKf8urC30 { background-color: var(--xdlColorControlFillSecondary); border-block-end: 2px solid var(--xdlColorControlBorder); border-block-start: 1px solid var(--xdlColorA11yBorder); border-inline-end: 1px solid var(--xdlColorA11yBorder); border-inline-start: 1px solid var(--xdlColorA11yBorder); border-radius: 4px 4px 0 0; color: var(--xdlColorTextSecondary); display: inline-block; outline: none; padding-inline-end: 12px; padding-inline-start: 16px; width: 100%; @media (prefers-contrast: more) { & { border-block-end-width: 3px !important; border-block-start-width: 2px !important; border-inline-end-width: 2px !important; border-inline-start-width: 2px !important; } } &:focus { background-color: var(--xdlColorControlFill); border-block-end: 2px solid var(--xdlColorControlBorderSecondary); border-block-start: 1px solid var(--xdlColorControlBorder); border-inline-end: 1px solid var(--xdlColorControlBorder); border-inline-start: 1px solid var(--xdlColorControlBorder); outline-offset: 2px; outline: 2px solid var(--xdlColorFocusRing); } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:hover { border-block-end: 2px solid var(--xdlColorControlBorderSecondary); @media (prefers-contrast: more) { border-width: 2px; box-shadow: inset 0 0 0 1px var(--xdlColorControlBorderSecondary); } } height: auto; overflow-y: hidden; resize: none; width: 100%; } .registration-53018beaKf8urC31 { && { background-color: var(--xdlColorControlFill); border-block-end: 2px solid var(--xdlColorControlBorder); border-block-start: 1px solid var(--xdlColorControlBorder); border-inline-end: 1px solid var(--xdlColorControlBorder); border-inline-start: 1px solid var(--xdlColorControlBorder); &:hover, &:focus { border-block-end-color: var(--xdlColorControlBorderSecondary); } } } .registration-53018beaKf8urC32 { font-size: 14px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; } .registration-53018beaKf8urC33 { font-size: 16px; height: 48px; padding-block-end: 12px; padding-block-start: 12px; } .registration-53018beaKf8urC34 { font-size: 16px; height: 54px; padding-block-end: 15px; padding-block-start: 15px; } .registration-53018beaKf8urC35 { @media (min-width: 740px) { font-size: 14px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; } } .registration-53018beaKf8urC36 { @media (min-width: 740px) { font-size: 16px; height: 48px; padding-block-end: 12px; padding-block-start: 12px; } } .registration-53018beaKf8urC37 { @media (min-width: 740px) { font-size: 16px; height: 54px; padding-block-end: 15px; padding-block-start: 15px; } } .registration-53018beaKf8urC38 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; } } .registration-53018beaKf8urC39 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 48px; padding-block-end: 12px; padding-block-start: 12px; } } .registration-53018beaKf8urC40 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 54px; padding-block-end: 15px; padding-block-start: 15px; } } .registration-53018beaKf8urC41 { background-color: var(--xdlColorControlFill); border-block-end: 2px solid var(--xdlColorControlBorder); border-block-start: 1px solid var(--xdlColorControlBorder); border-inline-end: 1px solid var(--xdlColorControlBorder); border-inline-start: 1px solid var(--xdlColorControlBorder); color: var(--xdlColorText); } .registration-53018beaKf8urC42 { && { border-block-end: 2px solid var(--xdlColorSuccess); &:hover, &:focus { border-block-end: 2px solid var(--xdlColorControlBorderSecondary); } } } .registration-53018beaKf8urC43 { && { border-block-end: 2px solid var(--xdlColorError); &:hover, &:focus { border-block-end: 2px solid var(--xdlColorControlBorderSecondary); } } } .registration-53018beaKf8urC44 { border-color: var(--xdlColorDisabledSoft) !important; color: var(--xdlColorDisabledStrong); pointer-events: none; } .registration-53018beaKf8urC45 { border-block-end: 2px solid var(--xdlColorDisabledSoft) !important; border-block-start: 1px solid var(--xdlColorDisabledSoft) !important; border-inline-end: 1px solid var(--xdlColorDisabledSoft) !important; border-inline-start: 1px solid var(--xdlColorDisabledSoft) !important; color: var(--xdlColorDisabledStrong) !important; pointer-events: none; } .registration-53018beaKf8urC46 { && { border: 0; } } .registration-53018beaKf8urC47 { color: var(--xdlColorTextSecondary); display: inline-block; font-size: 14px; font-weight: 400; inset-inline-start: 0; margin-inline-start: 16px; pointer-events: none; position: absolute; transition: all 0.2s ease-in-out; z-index: 1; .registration-53018beaKf8urC30:focus ~ & { } } .registration-53018beaKf8urC48 { font-size: 14px; inset-block-start: 10px; } .registration-53018beaKf8urC49 { font-size: 16px; inset-block-start: 12px; } .registration-53018beaKf8urC50 { font-size: 16px; inset-block-start: 15px; } .registration-53018beaKf8urC51 { background-color: var(--xdlColorControlFill); font-size: 12px; inset-block-start: -9px; inset-inline-start: -4px; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 4px; padding-inline-start: 4px; transform: none; } .registration-53018beaKf8urC52 { background-color: var(--xdlColorControlFill); font-size: 12px; inset-block-start: -9px; inset-inline-start: -4px; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 4px; padding-inline-start: 4px; transform: none; } .registration-53018beaKf8urC53 { color: var(--xdlColorDisabledStrong); } .registration-53018beaKf8urC54 { inset-inline-start: -25px; } .registration-53018beaKf8urC55 { inset-inline-start: -25px; } .registration-53018beaKf8urC56 { margin-inline-start: 35px; } .registration-53018beaKf8urC57 { margin-inline-start: 39px; } .registration-53018beaKf8urC58 { margin-inline-start: 39px; } .registration-53018beaKf8urC59 {:focus ~ & { background-color: var(--xdlColorControlFill); font-size: 12px; inset-block-start: -9px; inset-inline-start: -4px; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 4px; padding-inline-start: 4px; transform: none; }} .registration-53018beaKf8urC60 { @media (min-width: 740px) { font-size: 14px; inset-block-start: 10px; } } .registration-53018beaKf8urC61 { @media (min-width: 740px) { font-size: 16px; inset-block-start: 12px; } } .registration-53018beaKf8urC62 { @media (min-width: 740px) { font-size: 16px; inset-block-start: 15px; } } .registration-53018beaKf8urC63 { @media (min-width: 740px) { background-color: var(--xdlColorControlFill); font-size: 12px; inset-block-start: -9px; inset-inline-start: -4px; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 4px; padding-inline-start: 4px; transform: none; } } .registration-53018beaKf8urC64 { @media (min-width: 740px) { margin-inline-start: 39px; } } .registration-53018beaKf8urC65 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; inset-block-start: 10px; } } .registration-53018beaKf8urC66 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; inset-block-start: 12px; } } .registration-53018beaKf8urC67 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; inset-block-start: 15px; } } .registration-53018beaKf8urC68 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { background-color: var(--xdlColorControlFill); font-size: 12px; inset-block-start: -9px; inset-inline-start: -4px; padding-block-end: 0; padding-block-start: 0; padding-inline-end: 4px; padding-inline-start: 4px; transform: none; } } .registration-53018beaKf8urC69 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-inline-start: -25px; } } .registration-53018beaKf8urC70 { color: var(--xdlColorTextSecondary); inset-block-start: 50%; inset-inline-end: 12px; position: absolute; transform: translateY(-50%); } .registration-53018beaKf8urC72 { pointer-events: none; & > *, & * { pointer-events: none !important; } & > button, & > a { color: var(--xdlColorDisabledStrong); } } .registration-53018beaKf8urC73 { & > button, & > a { color: var(--xdlColorText); } } .registration-53018beaKf8urC74 { color: var(--xdlColorTextSecondary); inset-block-start: 50%; inset-inline-start: 10px; margin-inline-end: 8px; position: absolute; transform: translateY(-50%); } .registration-53018beaKf8urC75 { height: 18px; width: 18px; } .registration-53018beaKf8urC76 { height: 24px; width: 24px; } .registration-53018beaKf8urC77 { && { color: var(--xdlColorDisabledStrong); } } .registration-53018beaKf8urC78 { color: var(--xdlColorText); } .registration-53018beamZgO00 { position: relative; z-index: 0; } .registration-53018beamZgO0045 { appearance: none; display: block; line-height: 1.5; resize: none; width: 100%; &[disabled] { pointer-events: none; } } .registration-53018beamZgO0046 { background-color: var(--xdlColorControlFillSecondary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 1px; color: var(--xdlColorTextTertiary); outline: none; &:focus { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorFocusRing); border-width: 2px; } &:hover { background-color: var(--xdlColorHoverSecondary); border-color: var(--xdlColorControlBorderSecondary); border-width: 1px; @media (prefers-contrast: more) { border-width: 1px; box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary); } } &::placeholder { color: var(--xdlColorTextTertiary); font-size: 14px; } &:-ms-input-placeholder { color: var(--xdlColorTextTertiary); font-size: 14px; } &[disabled] { background-color: var(--xdlColorDisabledSoft); color: var(--xdlColorDisabledStrong); &::placeholder { color: var(--xdlColorDisabledStrong); } &:-ms-input-placeholder { color: var(--xdlColorDisabledStrong); } } } .registration-53018beamZgO0047 { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorControlBorder); border-style: solid; border-width: 1px; color: var(--xdlColorText); &[disabled] { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorDisabledSoft); color: var(--xdlColorDisabledStrong); } } .registration-53018beamZgO0048 { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; color: var(--xdlColorTextTertiary); outline: none; &:focus { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorControlBorderSecondary); border-width: 2px; color: var(--xdlColorText); } &:hover { background-color: var(--xdlColorBackground); border-color: var(--xdlColorControlBorderSecondary); border-width: 1px; color: var(--xdlColorText); @media (prefers-contrast: more) { border-width: 1px; box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary); } } &::placeholder { color: var(--xdlColorTextTertiary); font-size: 14px; } &:-ms-input-placeholder { color: var(--xdlColorTextTertiary); font-size: 14px; } &[disabled] { background-color: var(--xdlColorDisabledSoft); color: var(--xdlColorDisabledStrong); &::placeholder { color: var(--xdlColorDisabledStrong); } &:-ms-input-placeholder { color: var(--xdlColorDisabledStrong); } } } .registration-53018beamZgO0049 { background-color: var(--xdlColorControlFill); color: var(--xdlColorText); &[disabled] { background-color: var(--xdlColorControlFill); color: var(--xdlColorDisabledStrong); } } .registration-53018beamZgO0050 { border-radius: calc(32px / 2); font-size: 14px; height: 32px; padding-block-end: 5px; padding-block-start: 5px; padding-inline-end: 16px; padding-inline-start: 16px; &::placeholder { font-size: 14px; font-weight: 500; } } .registration-53018beamZgO0051 { border-radius: calc(42px / 2); font-size: 16px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; padding-inline-end: 18px; padding-inline-start: 18px; &::placeholder { font-size: 16px; font-weight: 500; } } .registration-53018beamZgO0052 { border-radius: calc(48px / 2); font-size: 16px; height: 48px; padding-block-end: 13px; padding-block-start: 13px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 16px; font-weight: 500; } } .registration-53018beamZgO0053 { border-radius: calc(60px / 2); font-size: 18px; height: 60px; padding-block-start: 19px; padding-block-end: 19px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 18px; font-weight: 500; } } .registration-53018beamZgO0054 { @media (min-width: 740px) { border-radius: calc(32px / 2); font-size: 14px; height: 32px; padding-block-end: 5px; padding-block-start: 5px; padding-inline-end: 16px; padding-inline-start: 16px; &::placeholder { font-size: 14px; font-weight: 500; } } } .registration-53018beamZgO0055 { @media (min-width: 740px) { border-radius: calc(42px / 2); font-size: 16px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; padding-inline-end: 18px; padding-inline-start: 18px; &::placeholder { font-size: 16px; font-weight: 500; } } } .registration-53018beamZgO0056 { @media (min-width: 740px) { border-radius: calc(48px / 2); font-size: 16px; height: 48px; padding-block-end: 13px; padding-block-start: 13px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 16px; font-weight: 500; } } } .registration-53018beamZgO0057 { @media (min-width: 740px) { border-radius: calc(60px / 2); font-size: 18px; height: 60px; padding-block-start: 19px; padding-block-end: 19px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 18px; font-weight: 500; } } } .registration-53018beamZgO0058 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { border-radius: calc(32px / 2); font-size: 14px; height: 32px; padding-block-end: 5px; padding-block-start: 5px; padding-inline-end: 16px; padding-inline-start: 16px; &::placeholder { font-size: 14px; font-weight: 500; } } } .registration-53018beamZgO0059 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { border-radius: calc(42px / 2); font-size: 16px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; padding-inline-end: 18px; padding-inline-start: 18px; &::placeholder { font-size: 16px; font-weight: 500; } } } .registration-53018beamZgO0060 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { border-radius: calc(48px / 2); font-size: 16px; height: 48px; padding-block-end: 13px; padding-block-start: 13px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 16px; font-weight: 500; } } } .registration-53018beamZgO0061 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { border-radius: calc(60px / 2); font-size: 18px; height: 60px; padding-block-start: 19px; padding-block-end: 19px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 18px; font-weight: 500; } } } .registration-53018beamZgO0062 { padding-inline-start: calc(16px + 18px + 8px); } .registration-53018beamZgO0063 { padding-inline-end: calc(32px + 8px); } .registration-53018beamZgO0064 { padding-inline-start: calc(18px + 24px + 8px); } .registration-53018beamZgO0065 { padding-inline-end: calc(42px + 8px); } .registration-53018beamZgO0066 { padding-inline-start: calc(20px + 24px + 8px); } .registration-53018beamZgO0067 { padding-inline-end: calc(48px + 8px); } .registration-53018beamZgO0068 { padding-inline-start: calc(20px + 24px + 8px); } .registration-53018beamZgO0069 { padding-inline-end: calc(48px + 8px); } .registration-53018beamZgO0070 { @media (min-width: 740px) { } } .registration-53018beamZgO0062 { padding-inline-start: calc(16px + 18px + 8px); } .registration-53018beamZgO0063 { padding-inline-end: calc(32px + 8px); } .registration-53018beamZgO0071 { @media (min-width: 740px) { } } .registration-53018beamZgO0064 { padding-inline-start: calc(18px + 24px + 8px); } .registration-53018beamZgO0065 { padding-inline-end: calc(42px + 8px); } .registration-53018beamZgO0072 { @media (min-width: 740px) { } } .registration-53018beamZgO0066 { padding-inline-start: calc(20px + 24px + 8px); } .registration-53018beamZgO0067 { padding-inline-end: calc(48px + 8px); } .registration-53018beamZgO0073 { @media (min-width: 740px) { } } .registration-53018beamZgO0068 { padding-inline-start: calc(20px + 24px + 8px); } .registration-53018beamZgO0069 { padding-inline-end: calc(48px + 8px); } .registration-53018beamZgO0074 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { } } .registration-53018beamZgO0062 { padding-inline-start: calc(16px + 18px + 8px); } .registration-53018beamZgO0063 { padding-inline-end: calc(32px + 8px); } .registration-53018beamZgO0075 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { } } .registration-53018beamZgO0064 { padding-inline-start: calc(18px + 24px + 8px); } .registration-53018beamZgO0065 { padding-inline-end: calc(42px + 8px); } .registration-53018beamZgO0076 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { } } .registration-53018beamZgO0066 { padding-inline-start: calc(20px + 24px + 8px); } .registration-53018beamZgO0067 { padding-inline-end: calc(48px + 8px); } .registration-53018beamZgO0077 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { } } .registration-53018beamZgO0068 { padding-inline-start: calc(20px + 24px + 8px); } .registration-53018beamZgO0069 { padding-inline-end: calc(48px + 8px); } .registration-53018beamZgO0078 { appearance: none; display: block; line-height: 1.5; resize: none; width: 100%; &[disabled] { pointer-events: none; } height: auto; resize: none; width: 100%; } .registration-53018beamZgO0079 { background-color: var(--xdlColorControlFillSecondary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 1px; color: var(--xdlColorTextTertiary); outline: none; &:focus { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorFocusRing); border-width: 2px; } &:hover { background-color: var(--xdlColorHoverSecondary); border-color: var(--xdlColorControlBorderSecondary); border-width: 1px; @media (prefers-contrast: more) { border-width: 1px; box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary); } } &::placeholder { color: var(--xdlColorTextTertiary); font-size: 14px; } &:-ms-input-placeholder { color: var(--xdlColorTextTertiary); font-size: 14px; } &[disabled] { background-color: var(--xdlColorDisabledSoft); color: var(--xdlColorDisabledStrong); &::placeholder { color: var(--xdlColorDisabledStrong); } &:-ms-input-placeholder { color: var(--xdlColorDisabledStrong); } } } .registration-53018beamZgO0080 { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorControlBorder); border-style: solid; border-width: 1px; color: var(--xdlColorText); &[disabled] { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorDisabledSoft); color: var(--xdlColorDisabledStrong); } } .registration-53018beamZgO0081 { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; color: var(--xdlColorTextTertiary); outline: none; &:focus { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorControlBorderSecondary); border-width: 2px; color: var(--xdlColorText); } &:hover { background-color: var(--xdlColorBackground); border-color: var(--xdlColorControlBorderSecondary); border-width: 1px; color: var(--xdlColorText); @media (prefers-contrast: more) { border-width: 1px; box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary); } } &::placeholder { color: var(--xdlColorTextTertiary); font-size: 14px; } &:-ms-input-placeholder { color: var(--xdlColorTextTertiary); font-size: 14px; } &[disabled] { background-color: var(--xdlColorDisabledSoft); color: var(--xdlColorDisabledStrong); &::placeholder { color: var(--xdlColorDisabledStrong); } &:-ms-input-placeholder { color: var(--xdlColorDisabledStrong); } } } .registration-53018beamZgO0082 { background-color: var(--xdlColorControlFill); color: var(--xdlColorText); &[disabled] { background-color: var(--xdlColorControlFill); color: var(--xdlColorDisabledStrong); } } .registration-53018beamZgO0083 { border-radius: calc(32px / 2); font-size: 14px; height: 32px; padding-block-end: 5px; padding-block-start: 5px; padding-inline-end: 16px; padding-inline-start: 16px; &::placeholder { font-size: 14px; font-weight: 500; } } .registration-53018beamZgO0084 { border-radius: calc(42px / 2); font-size: 16px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; padding-inline-end: 18px; padding-inline-start: 18px; &::placeholder { font-size: 16px; font-weight: 500; } } .registration-53018beamZgO0085 { border-radius: calc(48px / 2); font-size: 16px; height: 48px; padding-block-end: 13px; padding-block-start: 13px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 16px; font-weight: 500; } } .registration-53018beamZgO0086 { border-radius: calc(60px / 2); font-size: 18px; height: 60px; padding-block-start: 19px; padding-block-end: 19px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 18px; font-weight: 500; } } .registration-53018beamZgO0087 { @media (min-width: 740px) { border-radius: calc(32px / 2); font-size: 14px; height: 32px; padding-block-end: 5px; padding-block-start: 5px; padding-inline-end: 16px; padding-inline-start: 16px; &::placeholder { font-size: 14px; font-weight: 500; } } } .registration-53018beamZgO0088 { @media (min-width: 740px) { border-radius: calc(42px / 2); font-size: 16px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; padding-inline-end: 18px; padding-inline-start: 18px; &::placeholder { font-size: 16px; font-weight: 500; } } } .registration-53018beamZgO0089 { @media (min-width: 740px) { border-radius: calc(48px / 2); font-size: 16px; height: 48px; padding-block-end: 13px; padding-block-start: 13px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 16px; font-weight: 500; } } } .registration-53018beamZgO0090 { @media (min-width: 740px) { border-radius: calc(60px / 2); font-size: 18px; height: 60px; padding-block-start: 19px; padding-block-end: 19px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 18px; font-weight: 500; } } } .registration-53018beamZgO0091 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { border-radius: calc(32px / 2); font-size: 14px; height: 32px; padding-block-end: 5px; padding-block-start: 5px; padding-inline-end: 16px; padding-inline-start: 16px; &::placeholder { font-size: 14px; font-weight: 500; } } } .registration-53018beamZgO0092 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { border-radius: calc(42px / 2); font-size: 16px; height: 42px; padding-block-end: 10px; padding-block-start: 10px; padding-inline-end: 18px; padding-inline-start: 18px; &::placeholder { font-size: 16px; font-weight: 500; } } } .registration-53018beamZgO0093 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { border-radius: calc(48px / 2); font-size: 16px; height: 48px; padding-block-end: 13px; padding-block-start: 13px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 16px; font-weight: 500; } } } .registration-53018beamZgO0094 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { border-radius: calc(60px / 2); font-size: 18px; height: 60px; padding-block-start: 19px; padding-block-end: 19px; padding-inline-end: 20px; padding-inline-start: 20px; &::placeholder { font-size: 18px; font-weight: 500; } } } .registration-53018beamZgO0095 { padding-inline-end: calc(32px + 8px); } .registration-53018beamZgO0096 { padding-inline-end: calc(42px + 8px); } .registration-53018beamZgO0097 { padding-inline-end: calc(48px + 8px); } .registration-53018beamZgO0098 { padding-inline-end: calc(48px + 8px); } .registration-53018beamZgO0099 { @media (min-width: 740px) { padding-inline-end: calc(32px + 8px); } } .registration-53018beamZgO00100 { @media (min-width: 740px) { padding-inline-end: calc(42px + 8px); } } .registration-53018beamZgO00101 { @media (min-width: 740px) { padding-inline-end: calc(48px + 8px); } } .registration-53018beamZgO00102 { @media (min-width: 740px) { padding-inline-end: calc(48px + 8px); } } .registration-53018beamZgO00103 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { padding-inline-end: calc(32px + 8px); } } .registration-53018beamZgO00104 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { padding-inline-end: calc(42px + 8px); } } .registration-53018beamZgO00105 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { padding-inline-end: calc(48px + 8px); } } .registration-53018beamZgO00106 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { padding-inline-end: calc(48px + 8px); } } .registration-53018beamZgO00107 { color: var(--xdlColorText); inset-block-start: 50%; margin-inline-end: 8px; position: absolute; transform: translateY(-50%); } .registration-53018beamZgO00108 { height: var(--registration-53018beamZgO00109); width: var(--registration-53018beamZgO00110); } .registration-53018beamZgO00111 { color: var(--xdlColorText); [disabled] + & { color: var(--xdlColorDisabledStrong); } } .registration-53018beamZgO00112 { color: var(--xdlColorText); [disabled] + & { color: var(--xdlColorDisabledStrong); } } .registration-53018beamZgO00113 { inset-inline-start: 16px; } .registration-53018beamZgO00114 { height: 24px; inset-inline-start: 18px; width: 24px; & > svg { height: 24px; width: 24px; } } .registration-53018beamZgO00115 { height: 24px; inset-inline-start: 20px; width: 24px; & > svg { height: 24px; width: 24px; } } .registration-53018beamZgO00116 { height: 24px; inset-inline-start: 20px; width: 24px; & > svg { height: 24px; width: 24px; } } .registration-53018beamZgO00117 { @media (min-width: 740px) { inset-inline-start: 16px; } } .registration-53018beamZgO00118 { @media (min-width: 740px) { height: 24px; inset-inline-start: 18px; width: 24px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00119 { @media (min-width: 740px) { height: 24px; inset-inline-start: 20px; width: 24px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00120 { @media (min-width: 740px) { height: 24px; inset-inline-start: 20px; width: 24px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00121 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-inline-start: 16px; } } .registration-53018beamZgO00122 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 24px; inset-inline-start: 18px; width: 24px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00123 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 24px; inset-inline-start: 20px; width: 24px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00124 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 24px; inset-inline-start: 20px; width: 24px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00125 { align-items: center; background: none; border: none; box-sizing: border-box; cursor: pointer; display: flex; inset-inline-end: 8px; isolation: isolate; justify-content: center; padding: calc(8px - 1px); position: absolute; z-index: 10; &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 1px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: -1px; } } .registration-53018beamZgO00126 { color: var(--xdlColorText); &[disabled] { color: var(--xdlColorDisabledStrong); } } .registration-53018beamZgO00127 { color: var(--xdlColorText); &[disabled] { color: var(--xdlColorDisabledStrong); } } .registration-53018beamZgO00128 { inset-block-start: 0; } .registration-53018beamZgO00129 { height: 38px; inset-block-start: 2px; width: 38px; & > svg { height: 24px; width: 24px; } } .registration-53018beamZgO00130 { height: 38px; inset-block-start: 5px; width: 38px; & > svg { height: 24px; width: 24px; } } .registration-53018beamZgO00131 { height: 38px; inset-block-start: 11px; width: 38px; & > svg { height: 24px; width: 24px; } } .registration-53018beamZgO00132 { @media (min-width: 740px) { inset-block-start: 0; } } .registration-53018beamZgO00133 { @media (min-width: 740px) { height: 38px; inset-block-start: 2px; width: 38px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00134 { @media (min-width: 740px) { height: 38px; inset-block-start: 5px; width: 38px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00135 { @media (min-width: 740px) { height: 38px; inset-block-start: 11px; width: 38px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00136 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-block-start: 0; } } .registration-53018beamZgO00137 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 38px; inset-block-start: 2px; width: 38px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00138 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 38px; inset-block-start: 5px; width: 38px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00139 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 38px; inset-block-start: 11px; width: 38px; & > svg { height: 24px; width: 24px; } } } .registration-53018beamZgO00140 { align-items: center; cursor: pointer; display: flex; justify-content: center; } .registration-53018beamZgO00141 { clip-path: inset(50%); clip: rect(0 0 0 0); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .registration-53018beaMxACF7 { position: relative; } .registration-53018beaMxACF71 { background-color: var(--xdlColorBackground); border: none; border-radius: 0; color: var(--xdlColorText); outline: none; resize: none; /* remove the resize handle on the bottom right */ &:focus { outline-offset: 2px; outline: 2px solid var(--xdlColorFocusRing); } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &::placeholder { color: var(--xdlColorTextTertiaryOnDark); font-size: 14px; } } .registration-53018beaMxACF72 { background-color: var(--xdlColorBackground); border: none; border-radius: 0; color: var(--xdlColorText); outline: none; resize: none; /* remove the resize handle on the bottom right */ &:focus { outline-offset: 2px; outline: 2px solid var(--xdlColorFocusRing); } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &::placeholder { color: var(--xdlColorTextTertiaryOnDark); font-size: 14px; } } .registration-53018beaMxACF73 { clip-path: inset(50%); clip: rect(0 0 0 0); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .registration-53018beaiaUTE6 { width: 100%; } .registration-53018beaiaUTE61 { position: relative; } .registration-53018beaiaUTE65 { color: var(--xdlColorTextSecondary); font-weight: 400; inset-block-end: 0; inset-inline-start: 17px; pointer-events: none; position: absolute; z-index: 1; } .registration-53018beaiaUTE66 { font-size: 14px; inset-block-start: 12px; } .registration-53018beaiaUTE67 { font-size: 16px; inset-block-start: 14px; } .registration-53018beaiaUTE68 { font-size: 16px; inset-block-start: 16px; } .registration-53018beaiaUTE69 { background-color: var(--xdlColorControlFill); font-size: 12px; height: 12px; inset-block-start: -9px; inset-inline-start: 13px; padding: 0 4px 0 4px; transform: none; } .registration-53018beaiaUTE610 { color: var(--xdlColorDisabledStrong); } .registration-53018beaiaUTE611 { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .registration-53018beaiaUTE612 { background-color: var(--xdlColorControlFillSecondary); border-block-end: 2px solid var(--xdlColorControlBorder); border-block-start: 1px solid var(--xdlColorA11yBorder); border-inline-end: 1px solid var(--xdlColorA11yBorder); border-inline-start: 1px solid var(--xdlColorA11yBorder); border-radius: 4px 4px 0 0; color: var(--xdlColorTextSecondary); display: inline-block; outline: none; padding-inline-end: 12px; padding-inline-start: 16px; width: 100%; @media (prefers-contrast: more) { & { border-block-end-width: 3px !important; border-block-start-width: 2px !important; border-inline-end-width: 2px !important; border-inline-start-width: 2px !important; } } & option { color: var(--xdlColorTextSecondary) !important; } &:focus { && { background-color: var(--xdlColorControlFill); border-block-end: 2px solid var(--xdlColorControlBorderSecondary); border-block-start: 1px solid var(--xdlColorControlBorder); border-inline-end: 1px solid var(--xdlColorControlBorder); border-inline-start: 1px solid var(--xdlColorControlBorder); } outline-offset: 2px; outline: 2px solid var(--xdlColorFocusRing); } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:hover { border-block-end: 2px solid var(--xdlColorControlBorderSecondary); @media (prefers-contrast: more) { border-width: 2px; box-shadow: inset 0 0 0 1px var(--xdlColorControlBorderSecondary); } } appearance: none; border-end-end-radius: 0; border-end-start-radius: 0; padding-inline-end: calc(32px + 20px); &:-ms-expand { display: none; } & option { color: initial; } } .registration-53018beaiaUTE613 { background-color: var(--xdlColorControlFill); border-block-end: 2px solid var(--xdlColorControlBorder); border-block-start: 1px solid var(--xdlColorControlBorder); border-inline-end: 1px solid var(--xdlColorControlBorder); border-inline-start: 1px solid var(--xdlColorControlBorder); &:focus { background-color: var(--xdlColorControlFill); } } .registration-53018beaiaUTE614 { font-size: 14px; height: 42px; padding-block-end: 5px; padding-block-start: 5px; } .registration-53018beaiaUTE615 { font-size: 16px; height: 48px; padding-block-end: 10px; padding-block-start: 10px; } .registration-53018beaiaUTE616 { font-size: 16px; height: 54px; padding-block-end: 12px; padding-block-start: 12px; } .registration-53018beaiaUTE617 { color: transparent; font-weight: 400; } .registration-53018beaiaUTE618 { font-size: 14px; } .registration-53018beaiaUTE619 { font-size: 16px; } .registration-53018beaiaUTE620 { font-size: 16px; } .registration-53018beaiaUTE621 { background-color: var(--xdlColorControlFill); border-block-end: 2px solid var(--xdlColorControlBorder); border-block-start: 1px solid var(--xdlColorControlBorder); border-inline-end: 1px solid var(--xdlColorControlBorder); border-inline-start: 1px solid var(--xdlColorControlBorder); color: var(--xdlColorText); } .registration-53018beaiaUTE622 { background-color: var(--xdlColorBackground); } .registration-53018beaiaUTE623 { border-block-end: 2px solid var(--xdlColorSuccess); &:hover, &:focus { border-block-end: 2px solid var(--xdlColorControlBorderSecondary); } } .registration-53018beaiaUTE624 { border-block-end: 2px solid var(--xdlColorError); &:hover, &:focus { border-block-end: 2px solid var(--xdlColorControlBorderSecondary); } } .registration-53018beaiaUTE625 { background-color: var(--xdlColorControlFill); border-block-end-width: 2px; border-color: var(--xdlColorDisabledSoft); border-style: solid; color: var(--xdlColorDisabledStrong); &:hover { background-color: var(--xdlColorControlFill); border-block-end-width: 2px; border-color: var(--xdlColorDisabledSoft); border-style: solid; @media (prefers-contrast: more) { box-shadow: none; } } } .registration-53018beaiaUTE626 { background-color: var(--xdlColorControlFill); border-block-end: 2px solid var(--xdlColorDisabledSoft); border-block-start: 1px solid var(--xdlColorDisabledSoft); border-inline-end: 1px solid var(--xdlColorDisabledSoft); border-inline-start: 1px solid var(--xdlColorDisabledSoft); &:hover { background-color: var(--xdlColorControlFill); } &:hover, &:focus { border-block-end: 2px solid var(--xdlColorDisabledSoft); border-block-start: 1px solid var(--xdlColorDisabledSoft); border-inline-end: 1px solid var(--xdlColorDisabledSoft); border-inline-start: 1px solid var(--xdlColorDisabledSoft); } } .registration-53018beaiaUTE627 { background-color: var(--xdlColorDisabledSoft); border: none; color: var(--xdlColorDisabledStrong); &:hover { background-color: var(--xdlColorDisabledSoft); border: none; @media (prefers-contrast: more) { box-shadow: none; } } } .registration-53018beaiaUTE628 { background-color: var(--xdlColorControlFill); border-block-end: 2px solid var(--xdlColorDisabledSoft); border-block-start: 1px solid var(--xdlColorDisabledSoft); border-inline-end: 1px solid var(--xdlColorDisabledSoft); border-inline-start: 1px solid var(--xdlColorDisabledSoft); &:hover { background-color: var(--xdlColorControlFill); } &:hover, &:focus { border-block-end: 2px solid var(--xdlColorDisabledSoft); border-block-start: 1px solid var(--xdlColorDisabledSoft); border-inline-end: 1px solid var(--xdlColorDisabledSoft); border-inline-start: 1px solid var(--xdlColorDisabledSoft); } } .registration-53018beaiaUTE630 { color: var(--xdlColorTextSecondary); inset-block-start: 50%; inset-inline-end: 20px; pointer-events: none; position: absolute; } .registration-53018beaiaUTE631 { height: 20px; margin-block-start: calc(20px / -2); width: 20px; } .registration-53018beaiaUTE632 { height: 24px; margin-block-start: calc(24px / -2); width: 24px; } .registration-53018beaiaUTE633 { color: var(--xdlColorText); } .registration-53018beaiaUTE634 { color: var(--xdlColorDisabledStrong); } .registration-53018beaiaUTE635 { align-items: flex-start; color: var(--xdlColorTextSecondary); display: flex; margin-block-start: 4px; transform: translateY(0); } .registration-53018beaiaUTE636 { /* Override Meta's doubled selector even when its CSS loads later. */ &&& { color: var(--xdlColorError); } } .registration-53018beaiaUTE637 { &&& { color: var(--xdlColorDisabledStrong); } } .registration-53018beaiaUTE638 { flex-shrink: 0; height: 12px; margin-inline-end: 2px; width: 12px; } .registration-53018beaiaUTE639 { flex-shrink: 0; height: 12px; margin-inline-end: 2px; width: 12px; } .registration-53018bearj8NId { background: var(--xdlColorBackground); border-color: var(--xdlColorModalBorder); border-radius: 16px; border-style: solid; border-width: 1px; box-shadow: 0 4px 16px 3px rgba(33, 42, 54, 0.13); padding-bottom: 24px; padding-left: 24px; padding-right: 24px; padding-top: 24px; position: absolute; z-index: 200; &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } } .registration-53018bearj8NId1 { && { inset-block-start: 0; inset-inline-end: 0; position: absolute; z-index: 1; } } .registration-53018beaj7ZpSk3 { align-items: center; background-color: transparent; border: none; color: var(--xdlColorText); display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: var(--xdlColorBackground); border-color: var(--xdlColorA11yBorder); border-radius: 50%; border-style: solid; border-width: 2px; box-sizing: border-box; content: ''; cursor: pointer; height: 24px; position: absolute; transition-duration: 70ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 24px; z-index: -100; } &:hover { &::after { transform: scale(1.1667); } } &:active { &::after { transform: scale(1); } } &:hover, &:active, &:focus { color: var(--xdlColorTextInvert); cursor: pointer; text-decoration: none; &::after { background-color: var(--xdlColorSelected); } } &:focus { border-radius: 50%; outline-offset: -2px; outline: 2px solid var(--xdlColorFocusRing); } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { border-radius: 50%; outline-offset: -2px; outline: 2px solid var(--xdlColorFocusRing); } &:disabled { cursor: default; } &:disabled::after { cursor: default; user-select: none; } } .registration-53018beaj7ZpSk4 { width: 32px; height: 32px; } .registration-53018beaj7ZpSk5 { width: 42px; height: 42px; } .registration-53018beaj7ZpSk6 { align-items: center; background-color: transparent; border: none; color: var(--xdlColorText); display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: var(--xdlColorBackground); border-color: var(--xdlColorA11yBorder); border-radius: 50%; border-style: solid; border-width: 2px; box-sizing: border-box; content: ''; cursor: pointer; height: 24px; position: absolute; transition-duration: 70ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 24px; z-index: -100; } &:hover { &::after { transform: scale(1.1667); } } &:active { &::after { transform: scale(1); } } &:hover, &:active, &:focus { color: var(--xdlColorTextInvert); cursor: pointer; text-decoration: none; &::after { background-color: var(--xdlColorSelected); } } &:focus { border-radius: 50%; outline-offset: -2px; outline: 2px solid var(--xdlColorFocusRing); } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { border-radius: 50%; outline-offset: -2px; outline: 2px solid var(--xdlColorFocusRing); } &:disabled { cursor: default; } &:disabled::after { cursor: default; user-select: none; } } .registration-53018beaj7ZpSk7 { width: 32px; height: 32px; } .registration-53018beaj7ZpSk8 { width: 42px; height: 42px; } .registration-53018beajaq1KN { background-color: var(--xdlColorBorderSoft); border: none; clear: both; height: 1px; margin: 0; width: 100%; } /*# sourceMappingURL=main-d1l5cvk7.css.map*/