.utility-sso{--utility-sso-body-size: var(--typo--sizing--body);--utility-sso-stack: var(--flex-gap--small);--utility-sso-stack-loose: var(--flex-gap--main);--utility-sso-inset: var(--form--select-card--padding);--utility-sso-on-colour: var(--typo--colours--on-dark-high-contrast);--utility-sso-surface: var(--colour--grey-000);--utility-sso-alert-error-bg: color-mix( in hsl, var(--colour--error--on-dark) var(--opacity--level-15), var(--card--all--bg-colour) );--utility-sso-alert-warning-bg: color-mix( in hsl, var(--colour--warning--on-dark) var(--opacity--level-15), var(--card--all--bg-colour) );--utility-sso-alert-info-bg: color-mix( in hsl, var(--colour--info--on-dark) var(--opacity--level-15), var(--card--all--bg-colour) );--utility-sso-verified-bg: color-mix( in hsl, var(--colour--success--on-dark) var(--opacity--level-20), var(--card--all--bg-colour) );display:block;padding:var(--flex-gap--small);border-radius:var(--card--all--round);border:var(--card--all--border-width) solid var(--card--all--border-colour);background-color:var(--colour--body--main-bg);color:var(--typo--colours--main);font-size:var(--utility-sso-body-size);font-weight:var(--typo--weight--body);line-height:var(--typo--spacing--line-height--body);min-width:0;max-width:100%;box-sizing:border-box}.utility-sso__logo{margin-block-end:var(--utility-sso-stack);max-width:100%}.utility-sso__logo img,.utility-sso__logo svg{max-width:100%;height:auto}.utility-sso__header{display:flex;flex-direction:column;gap:var(--utility-sso-stack);margin-block-end:var(--utility-sso-stack-loose)}.utility-sso__header[hidden]{display:none}.utility-sso__heading.mysa-heading,.utility-sso__heading{margin-block:0;overflow-wrap:break-word}.utility-sso__body{margin:0;max-width:var(--container--narrow);font-size:var(--utility-sso-body-size);font-weight:var(--typo--weight--body);line-height:var(--typo--spacing--line-height--body);color:var(--typo--colours--main);overflow-wrap:break-word}.utility-sso__body[hidden]{display:none}.utility-sso__content,.utility-sso__inner,.utility-sso__panel,.utility-sso__address-selector{min-width:0;max-width:100%}.utility-sso__inner{display:none;flex-direction:column;gap:var(--utility-sso-stack)}.utility-sso__inner.is-visible{display:flex}.utility-sso__panel-label{margin:0;font-size:var(--typo--eyebrow--size);font-weight:var(--typo--eyebrow--weight);letter-spacing:.05em;text-transform:uppercase;color:var(--typo--eyebrow--colour);overflow-wrap:break-word}.utility-sso__panel{display:flex;flex-direction:column;gap:var(--utility-sso-stack)}.utility-sso__check-chip{display:flex;flex-direction:column;gap:var(--flex-gap--small);min-width:0;padding:var(--utility-sso-inset);border-radius:var(--form--all--border-radius);background-color:var(--utility-sso-surface);border:var(--form--all--border-weight) solid var(--form--all--border-colour)}.utility-sso__check-chip .checkbox-wrapper,.utility-sso__check-chip .checkbox-wrapper>div,.utility-sso__check-chip label{min-width:0;overflow-wrap:break-word}.utility-sso__check-chip .checkbox-wrapper{width:100%;padding-block:0;align-items:flex-start}.utility-sso__check-chip .checkbox-wrapper>div{flex:1 1 0;width:0}.utility-sso__check-chip .checkbox-label{white-space:normal}.utility-sso__check-chip .checkbox-input{background-color:var(--form--all--bg-colour);flex-shrink:0;margin-block-start:var(--form--label--margin-bottom)}.utility-sso__check-chip .checkbox-input:hover:not(:checked){background-color:var(--form--all--bg-colour)}.utility-sso__check-chip a{color:var(--colour--info);text-decoration:underline}.utility-sso__check-help{margin:0;padding-inline-start:calc(var(--form--radio-button--size) + var(--flex-gap--small));font-size:var(--typo--sizing--small);line-height:var(--typo--spacing--line-height--body);color:var(--typo--colours--main-lite)}.utility-sso__check-help-link{color:var(--colour--info);text-decoration:underline;background:none;border:0;padding:0;font:inherit;cursor:pointer}.utility-sso__check-help-link:hover{text-decoration:none}.utility-sso__sign-in,.utility-sso__confirm-address{width:100%;max-width:100%;min-width:0;height:auto;flex-wrap:wrap;white-space:normal}.utility-sso__sign-in .button-text,.utility-sso__confirm-address .button-text{width:100%;min-width:0;white-space:normal;text-align:center;overflow-wrap:break-word}.utility-sso__features{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--flex-gap--small)}.utility-sso__feature{display:flex;align-items:flex-start;gap:var(--flex-gap--small);min-width:0;font-size:var(--typo--sizing--small);font-weight:var(--typo--weight--body-small);line-height:var(--typo--spacing--line-height--body);color:var(--typo--colours--main)}.utility-sso__feature>:not(.utility-sso__feature-icon){min-width:0;overflow-wrap:break-word}.utility-sso__feature-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--typo--sizing--h6);height:var(--typo--sizing--h6);margin-block-start:var(--form--label--margin-bottom);border-radius:var(--button--circle--round);background-color:var(--colour--success);color:var(--utility-sso-on-colour)}.utility-sso__feature-icon svg{width:.7em;height:.7em;display:block}.utility-sso__address-selector{display:none;border:0;margin:0;padding:0;min-inline-size:0}.utility-sso__address-selector.is-visible{display:flex;flex-direction:column;gap:var(--utility-sso-stack)}.utility-sso__address-selector>legend.utility-sso__panel-label{float:none;width:100%;padding:0;margin:0}.utility-sso__address-selector-inner{display:flex;flex-direction:column;gap:var(--flex-gap--small)}.utility-sso__address-item{display:block;min-width:0;padding:var(--form--select-card--padding);border:var(--form--all--border-weight) solid var(--form--all--border-colour);border-radius:var(--form--all--border-radius);background-color:var(--utility-sso-surface);color:var(--typo--colours--main);cursor:pointer;transition:var(--transition--quart--medium)}.utility-sso__address-item:hover:not(.utility-sso__address-item--disabled){background-color:var(--form--select-card--bg-colour-hover)}.utility-sso__address-item:has(input[type=radio]:checked){border-color:var(--colour--info);box-shadow:inset 0 0 0 var(--form--all--border-weight) var(--colour--info);background-color:var(--utility-sso-alert-info-bg)}.utility-sso__address-item--disabled{cursor:not-allowed}.utility-sso__address-item--disabled .utility-sso__address-text{color:var(--typo--colours--main-lite)}.utility-sso__address-item--static{display:flex;flex-direction:column;gap:var(--form--label--margin-bottom);cursor:default;background-color:var(--colour--ui-grey)}.utility-sso__address-item--static .utility-sso__address-status{align-self:flex-end;flex:0 1 auto}.utility-sso__address-item--static:hover{background-color:var(--colour--ui-grey)}.utility-sso__address-label{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--flex-gap--small);min-width:0;cursor:inherit}.utility-sso__address-item input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:var(--form--radio-button--size);height:var(--form--radio-button--size);margin:0;border:var(--form--all--border-weight) solid var(--form--all--border-colour);border-radius:var(--button--circle--round);background-color:var(--form--all--bg-colour);cursor:inherit}.utility-sso__address-item input[type=radio]:checked{border-color:var(--colour--info);background-color:var(--colour--info);box-shadow:inset 0 0 0 var(--form--all--border-weight) var(--form--all--bg-colour)}.utility-sso__address-item input[type=radio]:disabled{opacity:var(--opacity--level-45);cursor:not-allowed}.utility-sso__address-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--form--label--margin-bottom);flex:1 1 8rem;min-width:0;text-align:start}.utility-sso__address-line1,.utility-sso__address-line2{display:block;margin:0;overflow-wrap:break-word;line-height:var(--typo--spacing--line-height--body)}.utility-sso__address-line1{font-weight:var(--typo--weight--headings-small)}.utility-sso__address-line2{font-weight:var(--typo--weight--body);color:var(--typo--colours--main-lite)}.utility-sso__address-line2[hidden]{display:none}.utility-sso__address-status{display:inline-flex;align-items:center;gap:var(--form--label--margin-bottom);flex:1 1 100%;min-width:0;margin:0;font-size:var(--typo--sizing--small);font-weight:var(--typo--weight--body);line-height:var(--typo--spacing--line-height--body);text-align:left;white-space:normal;overflow-wrap:break-word}.utility-sso__address-item:not(.utility-sso__address-item--static) .utility-sso__address-status{margin-inline-start:calc(var(--form--radio-button--size) + var(--flex-gap--small));flex-basis:calc(100% - var(--form--radio-button--size) - var(--flex-gap--small))}.utility-sso__address-item:not(.utility-sso__address-item--static):only-child .utility-sso__address-status{flex:0 1 auto;margin-inline-start:auto}.utility-sso__address-status--available,.utility-sso__address-status--ineligible,.utility-sso__address-status--exhausted{flex:0 0 auto;width:auto;padding:.35em .9em;border-radius:var(--button--all--round--pill, 100px);font-weight:var(--typo--weight--headings-small);white-space:nowrap}.utility-sso__address-status--available{background-color:var(--utility-sso-verified-bg);color:var(--colour--success)}.utility-sso__address-status--ineligible{background-color:var(--utility-sso-alert-error-bg);color:var(--colour--error)}.utility-sso__address-status--exhausted{background-color:var(--utility-sso-alert-warning-bg);color:var(--colour--warning)}.utility-sso__address-status--available:before{content:"";flex-shrink:0;width:.85em;height:.85em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path d='m383-361.13 330.7-330.7Q726.87-705 744.26-705t30.57 13.17Q788-678.65 788-661.13t-13.17 30.7L413.57-268.91q-13.18 13.17-30.57 13.17t-30.57-13.17L184.91-436.43q-13.17-13.18-13.04-30.7.13-17.52 13.3-30.7Q198.35-511 215.87-511t30.7 13.17L383-361.13Z'/></svg>") no-repeat center / contain;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path d='m383-361.13 330.7-330.7Q726.87-705 744.26-705t30.57 13.17Q788-678.65 788-661.13t-13.17 30.7L413.57-268.91q-13.18 13.17-30.57 13.17t-30.57-13.17L184.91-436.43q-13.17-13.18-13.04-30.7.13-17.52 13.3-30.7Q198.35-511 215.87-511t30.7 13.17L383-361.13Z'/></svg>") no-repeat center / contain}.utility-sso__address-status-icon{display:none}.utility-sso__panel-footer{display:flex;flex-direction:column;align-items:stretch;gap:var(--flex-gap--small);padding-block-start:var(--utility-sso-stack)}.utility-sso__panel-footer[hidden]{display:none}.utility-sso__logout-link{-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;font-size:var(--typo--sizing--small);font-weight:var(--typo--weight--body);line-height:var(--typo--spacing--line-height--body);color:var(--typo--colours--main);text-decoration:underline;cursor:pointer}.utility-sso__logout-link:hover{color:var(--button--tertiary-black--type-colour-on-hover)}.utility-sso__verified-bar{display:flex;flex-direction:column;gap:var(--flex-gap--small);padding:var(--utility-sso-inset);border-radius:var(--form--all--border-radius);background-color:var(--utility-sso-verified-bg);border:var(--form--all--border-weight) solid var(--colour--success)}.utility-sso__verified-main{display:flex;flex-direction:row;align-items:flex-start;gap:var(--flex-gap--small);flex:1;min-width:0}.utility-sso__verified-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--typo--sizing--h6);height:var(--typo--sizing--h6);border-radius:var(--button--circle--round);background-color:var(--colour--success);color:var(--utility-sso-on-colour)}.utility-sso__verified-icon svg{width:.7em;height:.7em;display:block}.utility-sso__verified-copy{display:flex;flex-direction:column;gap:var(--form--label--margin-bottom);min-width:0}.utility-sso__verified-title{margin:0;font-size:var(--utility-sso-body-size);font-weight:var(--typo--weight--headings-small);letter-spacing:var(--typo--letter-spacing--headings-small);line-height:var(--typo--spacing--line-height--headings-small)}.utility-sso__verified-address{margin:0;font-size:var(--typo--sizing--small);font-weight:var(--typo--weight--body);line-height:var(--typo--spacing--line-height--body);color:var(--typo--colours--main-lite);overflow-wrap:break-word}.utility-sso__verified-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--flex-gap--small)}.utility-sso__units-pill{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:var(--form--label--margin-bottom);padding:var(--button--all--vertical-padding) var(--button--all--sides-padding);border-radius:var(--button--all--round);border:var(--form--all--border-weight) solid var(--colour--success);background-color:var(--card--all--bg-colour);color:var(--colour--success);font-size:var(--typo--sizing--small);font-weight:var(--typo--weight--body);white-space:normal}.utility-sso__units-count{font-size:var(--typo--sizing--large);font-weight:var(--typo--weight--headings-small)}.utility-sso__address-message{padding:var(--form--select-card--padding);border:var(--form--all--border-weight) solid var(--form--all--border-colour);border-radius:var(--form--all--border-radius);background-color:var(--utility-sso-surface);color:var(--typo--colours--main);font-size:var(--utility-sso-body-size);line-height:var(--typo--spacing--line-height--body)}.utility-sso__alert-panel{display:flex;flex-direction:column;gap:var(--utility-sso-stack)}.utility-sso__alert{display:flex;align-items:flex-start;gap:var(--flex-gap--small);padding:var(--utility-sso-inset);border-radius:var(--form--all--border-radius);font-size:var(--utility-sso-body-size);font-weight:var(--typo--weight--body);line-height:var(--typo--spacing--line-height--body);color:var(--typo--colours--main)}.utility-sso__alert[hidden]{display:none}.utility-sso__alert--error{background-color:var(--utility-sso-alert-error-bg);border:var(--form--all--border-weight) solid var(--colour--error)}.utility-sso__alert--warning{background-color:var(--utility-sso-alert-warning-bg);border:var(--form--all--border-weight) solid var(--colour--warning)}.utility-sso__alert-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--typo--sizing--h6);height:var(--typo--sizing--h6);color:var(--colour--error)}.utility-sso__alert-icon svg{width:100%;height:100%;display:block}.utility-sso__alert--warning .utility-sso__alert-icon{color:var(--colour--warning)}.utility-sso__alert-copy{display:flex;flex-direction:column;gap:var(--form--label--margin-bottom);min-width:0;overflow-wrap:break-word}.utility-sso__alert-copy a{color:var(--colour--info);text-decoration:underline}.utility-sso__alert-title{margin:0;font-size:var(--utility-sso-body-size);font-weight:var(--typo--weight--headings-small);letter-spacing:var(--typo--letter-spacing--headings-small);line-height:var(--typo--spacing--line-height--headings-small);color:var(--colour--error)}.utility-sso__panel-footer--ineligible .utility-sso__confirm-address{display:none}.utility-sso__error-state{display:flex;flex-direction:column;gap:var(--flex-gap--small);align-items:flex-start}.utility-sso__error-state .utility-sso__address-message{margin:0}.utility-sso__popup-blocked-actions{margin-block-start:var(--flex-gap--small)}.utility-sso__address-required-dialog{margin:0;padding:0;border:none;background:transparent;max-width:none;max-height:none;width:100%;height:100%;transition:opacity var(--transition--quart--medium),display var(--transition--quart--medium) allow-discrete;opacity:0}.utility-sso__address-required-dialog[open]{opacity:1}@starting-style{.utility-sso__address-required-dialog[open]{opacity:0}}.utility-sso__address-required-dialog::backdrop{background-color:var(--image--fade--colour-dark--amount-mid);transition:opacity var(--transition--quart--medium),display var(--transition--quart--medium) allow-discrete,overlay var(--transition--quart--medium) allow-discrete;opacity:0}.utility-sso__address-required-dialog[open]::backdrop{opacity:1}@starting-style{.utility-sso__address-required-dialog[open]::backdrop{opacity:0}}.utility-sso__address-required-dialog-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--global-padding--sides);position:fixed;top:0;right:0;bottom:0;left:0}.utility-sso__address-required-dialog-inner{display:flex;flex-direction:column;gap:var(--flex-gap--small);position:relative;width:100%;max-width:var(--container--narrow);padding:var(--modal--all--vertical-padding) var(--modal--all--sides-padding);background-color:var(--modal--all--bg-color);border-radius:var(--modal--all--round);border:var(--modal--all--border-width) solid var(--modal--all--border-colour);box-shadow:var(--modal--all--shadow);transform:translateY(100vh);transition:transform var(--transition--quart--medium)}.utility-sso__address-required-dialog[open] .utility-sso__address-required-dialog-inner{transform:translateY(0)}@starting-style{.utility-sso__address-required-dialog[open] .utility-sso__address-required-dialog-inner{transform:translateY(100vh)}}.utility-sso__address-required-content{display:flex;flex-direction:column;gap:var(--flex-gap--small);text-wrap:balance}.utility-sso__address-required-actions{display:flex;flex-direction:column;gap:var(--flex-gap--small);padding-top:var(--flex-gap--small)}.utility-sso__address-required-actions .button{width:100%}@media only screen and (max-width:767px){.utility-sso{--utility-sso-body-size: var(--typo--sizing--body-mobile)}}@media only screen and (min-width:768px){.utility-sso{padding:var(--card--all--vertical-padding) var(--card--all--sides-padding)}.utility-sso__address-label{flex-wrap:nowrap;align-items:center}.utility-sso__address-text{flex:1 1 auto}.utility-sso__address-item--static{flex-direction:row;align-items:center}.utility-sso__address-item--static .utility-sso__address-status{align-self:center}.utility-sso__address-status,.utility-sso__address-item:not(.utility-sso__address-item--static) .utility-sso__address-status{flex:0 0 auto;flex-basis:auto;align-items:center;margin-inline-start:auto;text-align:right;white-space:nowrap}.utility-sso__panel-footer{flex-direction:row;justify-content:space-between;align-items:center}.utility-sso__confirm-address{width:auto}.utility-sso__units-pill{white-space:nowrap}.utility-sso__verified-bar{flex-direction:row;align-items:center;justify-content:space-between}.utility-sso__address-required-content{text-align:center;align-items:center}.utility-sso__address-required-actions{flex-direction:row;justify-content:center}.utility-sso__address-required-actions .button{width:auto}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/utility-sso.css.map */