.component-dialcode-selector{position:relative;display:inline-block}.component-dialcode-selector__selector{position:relative;border-radius:8px}.component-dialcode-selector__label{color:var(--surface-on-surface-variant, #B3B3BA);font-family:"STRUTT Modena 370";font-size:var(--Body-B1_fixed, 18px);font-weight:300;line-height:150%;text-align:left;position:absolute;top:50%;left:16px;transform:translateY(-50%);z-index:1;pointer-events:none;transition:all .3s ease;white-space:nowrap}.component-dialcode-selector__label.is-float,.component-dialcode-selector--has-value .component-dialcode-selector__label{top:9px;transform:none;font-size:var(--Caption-C1_fixed, 14px)}.component-dialcode-selector__state-layer,.component-dialcode-selector__state-layer *{box-sizing:border-box}.component-dialcode-selector__state-layer{padding:var(--padding-component-padding-component-ultratight, 4px) var(--padding-component-padding-component-medium, 16px) var(--padding-component-padding-component-ultratight, 4px) var(--padding-component-padding-component-medium, 16px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex:1;position:relative;background:var(--surface-surface-container, #1E1E24);border:.125rem solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;outline:none;min-width:4rem;height:4rem}.component-dialcode-selector__state-layer:hover{border-color:var(--primary-primary-mode-1, #ECFDAC)}.component-dialcode-selector__state-layer:focus{border-color:var(--primary-primary-mode-1, #ECFDAC)}.component-dialcode-selector[aria-expanded=true] .component-dialcode-selector__selector,.component-dialcode-selector__state-layer[aria-expanded=true]{outline:2px solid var(--primary-primary, #ECFDAC);outline-offset:0;z-index:9999}.component-dialcode-selector[aria-expanded=true] .component-dialcode-selector__state-layer{border-color:transparent}.component-dialcode-selector__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;position:relative}.component-dialcode-selector__input{margin:-2px 0 0;display:flex;flex-direction:row;gap:2px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;height:27px;position:relative}.component-dialcode-selector__input-text{color:var(--surface-on-surface, #FFF);text-align:left;font-family:"STRUTT Modena 370";font-size:var(--Body-B1_fixed, 18px);font-weight:300;line-height:150%;position:relative;margin-top:12px;background:transparent;border:none;outline:none;width:100%;z-index:0;padding:0;text-indent:0;margin-left:0;-webkit-text-fill-color:var(--surface-on-surface, #FFF);caret-color:var(--primary-primary, #ECFDAC);caret-shape:bar;-webkit-text-size-adjust:100%}.component-dialcode-selector__icon{flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden;color:var(--surface-on-surface-variant, #B3B3BA);transition:transform .3s ease}.component-dialcode-selector__frame{width:100%;height:100%;position:absolute;right:0%;left:0%;bottom:0%;top:0%;overflow:visible;display:flex;align-items:center;justify-content:center}.component-dialcode-selector__state-layer[aria-expanded=true] .component-dialcode-selector__icon{transform:rotate(180deg)}.component-dialcode-selector__dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--surface-surface-container, #1E1E24);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000004d;z-index:1000;margin-top:16px;min-width:330px;color:var(--surface-on-surface, #FFF);font-family:"STRUTT Modena 370",Arial,sans-serif;font-size:var(--Body-B1_fixed, 18px);font-style:normal;font-weight:300;line-height:150%}.component-dialcode-selector__list{max-height:246px;overflow-y:auto}.component-dialcode-selector__item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border:none;background:none;width:100%;text-align:left;font-family:"STRUTT Modena 370",Arial,sans-serif;color:var(--color-on-surface-variant);font-size:var(--font-size-body-medium);border-bottom:1px solid var(--outline-on-surface-outline, #44444F);position:relative}.component-dialcode-selector__item:last-child{border-bottom:none}.component-dialcode-selector__item:hover{background-color:var(--surface-02)}.component-dialcode-selector__item--selected{background-color:var(--primary-primary-mode-1, #ECFDAC);color:var(--surface-01);position:relative;border-bottom:none}.component-dialcode-selector__item--selected:hover{background-color:var(--primary-primary-mode-1, #ECFDAC)}.component-dialcode-selector__item--selected:before{position:absolute;left:.25rem;color:var(--surface-01);font-weight:700;font-size:.875rem}.component-dialcode-selector__item--selected .component-dialcode-selector__item-code,.component-dialcode-selector__item--selected .component-dialcode-selector__item-name{color:var(--surface-01)}.component-dialcode-selector__item-name{flex:1 1 auto;text-align:right;font-size:var(--font-size-body-small);font-weight:400;color:var(--surface-on-surface-variant, #B3B3BA)}.component-dialcode-selector__item-code{flex:0 0 auto;margin-right:12px;text-align:left;font-size:var(--font-size-body-medium);color:var(--color-on-surface-variant);font-weight:500}.component-dialcode-selector__separator{height:60px;min-height:56px;padding:16px;background:var(--surface-surface-container, #1E1E24);color:#ffffff61;font-family:"STRUTT Modena 370";font-size:var(--Body-B2, 16px);font-style:normal;font-weight:300;line-height:150%;display:flex;align-items:center;justify-content:flex-start;-webkit-user-select:none;user-select:none;pointer-events:none;border-bottom:1px solid var(--outline-on-surface-outline, #44444F)}@media screen and (max-width: 734px){.setup-phone-page__input-group .component-dialcode-selector__dropdown{left:0;right:auto;width:calc(100vw - 2rem);min-width:unset;margin-left:0}@media screen and (max-width: 480px){.setup-phone-page__input-group .component-dialcode-selector__dropdown{width:calc(100vw - 32px);margin-left:0}}.component-dialcode-selector{width:100%;display:block}.component-dialcode-selector__state-layer{width:100%}.component-dialcode-selector__dropdown{left:0;right:auto;width:100%;min-width:unset}}@media screen and (min-width: 735px){.component-dialcode-selector__dropdown{min-width:330px}}@media screen and (max-width: 480px){.component-dialcode-selector__btn{min-width:4.5rem}}.component-dialcode-selector--disabled .component-dialcode-selector__btn{cursor:not-allowed;opacity:.6}.component-dialcode-selector--disabled .component-dialcode-selector__btn:hover{border-color:transparent}.component-dialcode-selector--error .component-dialcode-selector__state-layer{border-color:var(--function-error-mode-1, #FFB4AB)!important}.component-dialcode-selector--error .component-dialcode-selector__state-layer:hover,.component-dialcode-selector--error .component-dialcode-selector__state-layer:focus{border-color:var(--function-error-mode-1, #FFB4AB)!important}.component-dialcode-selector__error{display:flex;align-items:center;margin-top:.25rem;margin-left:0;border-radius:12px;color:var(--function-error, #FFB4AB);font-family:"STRUTT Modena 370";font-size:var(--Caption-C1_fixed, 14px);font-style:normal;font-weight:300;line-height:150%;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-.625rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-dialcode-selector.css.map */