body #skio-root{--td-skio-input-height: 58px;--td-skio-input-padding-inline: 18px;width:100%;color:var(--color-foreground);background-color:var(--color-background);font-family:var(--font-body--family)}body #skio-root>div{width:100%;max-width:var(--page-width);margin-inline:auto;padding:40px var(--page-margin) 64px}body #skio-root :is(h1,h2,h3,h4,h5,h6),body #skio-root [class*=text-text-heading]{color:var(--color-foreground);font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight)}body #skio-root h1{font-size:var(--font-h2--size);line-height:var(--font-h2--line-height);letter-spacing:var(--font-h2--letter-spacing);text-transform:var(--font-h2--case)}body #skio-root h2{font-family:var(--font-h3--family);font-size:var(--font-h3--size);font-style:var(--font-h3--style);font-weight:var(--font-h3--weight);line-height:var(--font-h3--line-height);letter-spacing:var(--font-h3--letter-spacing);text-transform:var(--font-h3--case)}body #skio-root h3{font-family:var(--font-h4--family);font-size:var(--font-h4--size);font-style:var(--font-h4--style);font-weight:var(--font-h4--weight);line-height:var(--font-h4--line-height);letter-spacing:var(--font-h4--letter-spacing);text-transform:var(--font-h4--case)}body #skio-root [class*=text-text-general]{color:var(--color-foreground)}body #skio-root :is(a,[class*=text-text-link]){color:var(--color-foreground)}body #skio-root [data-skio-name=navbar-actions-container] :is(button,svg){color:var(--color-foreground)}body #skio-root a:hover{text-decoration:underline;text-underline-offset:.2em}body #skio-root :is(a,button,[role=button]):is(:focus-visible,[data-focus-visible]){outline:2px solid var(--color-foreground);outline-offset:2px}body #skio-root [class*=rounded-border-radius]{border-radius:var(--style-border-radius-inputs)}body #skio-root :is(input,select,textarea){color:var(--color-input-text);background-color:var(--color-input-background);border-radius:var(--style-border-radius-inputs)}body #skio-root :is(input,select,textarea)::placeholder{color:rgb(var(--color-foreground-rgb) / 64%);font-weight:500;opacity:1}body #skio-root [data-input-wrapper]>[role=presentation]{min-height:var(--td-skio-input-height);background-color:var(--color-input-background);border:2px solid rgb(var(--color-foreground-rgb) / 24%);border-radius:var(--style-border-radius-inputs);box-shadow:0 2px rgb(var(--color-foreground-rgb) / 18%);outline:3px solid rgb(var(--color-foreground-rgb) / 0%);outline-offset:2px}body #skio-root [data-input-wrapper]>[role=presentation] :is(input,select,textarea){padding:14px var(--td-skio-input-padding-inline);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);caret-color:var(--color-foreground)}body #skio-root [data-input-wrapper]>[role=presentation]:hover{border-color:var(--color-foreground)}body #skio-root [data-input-wrapper]>[role=presentation]:has(:focus-visible),body #skio-root [data-input-wrapper]>[role=presentation]:focus-within{border-color:var(--color-foreground);outline-color:rgb(var(--color-foreground-rgb) / 14%);box-shadow:none}@media(prefers-reduced-motion:no-preference){body #skio-root [data-input-wrapper]>[role=presentation]{transition:border-color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing),outline-color var(--animation-speed) var(--animation-easing)}}body #skio-root :is(button,[role=button]){font-family:var(--font-subheading--family);font-style:var(--font-subheading--style);font-weight:var(--font-subheading--weight)}body #skio-root :is(button,a,[role=button]){white-space:normal}body #skio-root :is(button,a)[class*=bg-button-bg-primary],body #skio-root [data-skio-name=login-email-submit-button]{color:var(--color-primary-button-text);background-color:var(--color-primary-button-background);background-image:linear-gradient(45deg,var(--color-primary-button-hover-background) 50%,transparent 50%);background-position:100%;background-repeat:no-repeat;background-size:400%;border:var(--style-border-width-primary) solid var(--color-primary-button-border);border-radius:var(--style-border-radius-buttons-primary)}body #skio-root :is(button,a)[class*=bg-button-bg-secondary]{color:var(--color-secondary-button-text);background-color:var(--color-secondary-button-background);border:var(--style-border-width-secondary) solid var(--color-secondary-button-border);border-radius:var(--style-border-radius-buttons-secondary)}body #skio-root :is(button,a)[class*=bg-button-bg-secondary]:is(:hover,[data-hovered]){color:var(--color-secondary-button-hover-text);background-color:var(--color-secondary-button-hover-background);border-color:var(--color-secondary-button-hover-border)}body #skio-root [data-skio-name=login-form-container]{padding-block:0}body #skio-root [data-skio-name=login-form-container]>:last-child{justify-content:flex-start;gap:40px;padding-top:40px}body #skio-root [data-skio-name=secure-badge]{color:var(--color-foreground);border-color:var(--border-color);box-shadow:inset 0 0 0 1px var(--border-color)}body #skio-root [data-skio-name=secure-text]{color:inherit;font-family:var(--font-label--family);font-size:var(--font-label--size);font-style:var(--font-label--style);font-weight:var(--font-label--weight);line-height:var(--font-label--line-height);letter-spacing:var(--font-label--letter-spacing);text-transform:var(--font-label--case)}body #skio-root [data-skio-name=login-page]{max-width:var(--normal-content-width);margin-inline:auto;padding-inline:0}body #skio-root [data-skio-name=login-welcome-header]{gap:8px}body #skio-root [data-skio-name=login-welcome-subtitle]{color:var(--color-foreground);font-family:var(--font-body--family);font-size:var(--font-paragraph--size);font-style:var(--font-body--style);font-weight:var(--font-body--weight);line-height:var(--font-paragraph--line-height);letter-spacing:var(--font-paragraph--letter-spacing);text-transform:none}body #skio-root [data-skio-name=login-email-input] label{color:var(--color-foreground);font-family:var(--font-label--family);font-size:var(--font-label--size);font-style:var(--font-label--style);font-weight:var(--font-label--weight);line-height:var(--font-label--line-height);letter-spacing:var(--font-label--letter-spacing);text-transform:var(--font-label--case)}body #skio-root [data-skio-name=login-email-submit-button]{justify-content:space-between;gap:var(--td-button-arrow-gap);min-height:var(--td-button-height);font-size:var(--td-button-font-size);line-height:var(--td-button-line-height);letter-spacing:var(--td-button-letter-spacing);text-align:start;text-transform:var(--button-text-case-primary)}body #skio-root [data-skio-name=login-email-submit-button]:after{content:"";flex-shrink:0;width:13px;height:12px;background-color:currentcolor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M0 5.79932H12.231M6.58595 11.0493L12.231 5.79932L6.58595 0.549316' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M0 5.79932H12.231M6.58595 11.0493L12.231 5.79932L6.58595 0.549316' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform var(--animation-speed) var(--animation-easing)}body #skio-root [data-skio-name=login-password-link-container]{gap:8px}body #skio-root [data-skio-name=login-password-link]{color:var(--color-foreground);font-family:var(--font-text-link--family);font-size:var(--font-text-link--size);font-style:var(--font-text-link--style);font-weight:var(--font-text-link--weight);line-height:var(--font-text-link--line-height);letter-spacing:var(--font-text-link--letter-spacing);text-decoration:underline;text-transform:var(--font-text-link--case);text-underline-offset:.2em}body #skio-root [data-skio-name=login-password-link]:is(:hover,[data-hovered]),body #skio-root [data-skio-name=login-password-link]:is(:hover,[data-hovered]) [data-icon]{color:var(--color-foreground)}@media(prefers-reduced-motion:no-preference){body #skio-root :is(button,a)[class*=bg-button-bg-primary],body #skio-root [data-skio-name=login-email-submit-button]{transition:background-position .3s ease-in-out,color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing)}}body #skio-root :is(button,a)[class*=bg-button-bg-primary]:is(:hover,[data-hovered],[data-loading]),body #skio-root [data-skio-name=login-email-submit-button]:is(:hover,[data-hovered],[data-loading]){color:var(--color-primary-button-hover-text);background-color:var(--color-primary-button-hover-background);background-position:0}@media(prefers-reduced-motion:no-preference){body #skio-root [data-skio-name=login-email-submit-button]:is(:hover,[data-hovered]):after{transform:translate(var(--td-button-arrow-shift))}}@media screen and (min-width:750px){body #skio-root>div{padding-block:80px 120px}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/td-skio-customer-portal.css.map */