.loc-item-name,.resource-icon-block>svg{vertical-align:middle}.loc-item-name,.row .slide-title{text-overflow:ellipsis;white-space:nowrap}body,html{-webkit-font-smoothing:antialiased}.empty-state-column{display:flex;align-items:center}.Tabbed-Menu{position:fixed!important;z-index:100;width:100%}.page-actions-menu-item .page-actions-menu-link.active{color:#202223}h5+h6{margin-bottom:.5rem}.page-layout .data-table table th,.page-layout.form-item-create .card-xs .btn,.tooltip.paste-in:after{font-size:12px}.row-section,.settings-card+.settings-card{margin-top:2rem}.row-section .row-sub-section{margin-left:2.8rem}.hidden,.hide{display:none!important}.data-table .rule-item td.countries-col-td{padding-right:45px}.modal-inner.modal-centered{margin:24px auto 50px}.modal .modal-body,.modal .modal-footer{padding:24px}#modal-country-list .modal-footer{border-top:none;margin-top:0;padding-top:0;justify-content:space-between}.modal-footer .selected-countries{line-height:37px}.list-item{padding:1rem;border-bottom:1px solid #e1e3e5}.list-item .form-checkbox label{font-weight:700}.list-item:hover,.market-slide:hover{background:#f6f6f7}.banner-info.banner-readme{max-width:none}.list-item .form-checkbox{margin-bottom:0;display:flex;padding:3px 0}.list-item .form-checkbox .resource-flag+.resource-title{margin-left:26px}.list-item .form-checkbox .resource-flag{position:absolute;top:4px}.list-item .form-checkbox .blocked .resource-flag{opacity:.5}.list-item .form-checkbox .resource-flag img,.list-item .form-checkbox .resource-flag svg{width:20px;height:15px;border-radius:3px}#modal-country-list .resource-list{margin-top:1rem}#modal-country-list .list-item,.click-counter input,.countries-col-td,.ips-col-td,.locale-info,.redirect-col-td,.rule.country-location,.slider-locale{position:relative}#modal-country-list .resource-list.sub{margin-top:0}.resource-list.sub .list-item{padding-left:3rem}.resource-list.sub .sub .list-item{padding-left:6rem}.list-item .fa-angle-down,.market-name .fa-angle-down,.settings-slide .fa-angle-down{position:absolute;right:1rem;font-weight:700;top:calc(50% - 5px);display:block;border:solid #000;border-width:0 3px 3px 0;padding:3px;width:9px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.list-item.expanded-list .fa-angle-down,.settings-slide.open-slide .fa-angle-down{top:calc(50% - 2px);transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}#exclude-ip-list .loc-item-icon,#exclude-location-list-selected .loc-item-icon,#exclude-location-list-selected .row.close+.states,#ip-list:empty,#location-list-selected .row.close+.states,#location-list-selected:empty,.activity-and-refresh.refreshing span.activity,.close-locale .locale-info,.market-slide.close+.markets-locales-wrap,.redirect-actions .tooltip-actions,.settings-slide+.slide-contents,.template-block .page-layout-card-row:after{display:none}#location-list-selected .row:last-child{padding:24px;border-bottom:1px solid #e1e3e5}#exclude-ip-list .row,#exclude-location-list-selected .row,#ip-list .row,#location-list-selected .row{position:relative;padding:18px 24px}.loc-item-icon{position:absolute;top:calc(50% - 8px)}.gray-background-class{background-color:#f6f6f7}.loc-item-name{margin-left:24px;display:inline-block;max-width:80%;overflow:hidden}.loc-item-remove{position:absolute;right:24px;cursor:pointer;top:calc(50% - 7px)}.fa.fa-angle-down,.market-slide,.markets-locales-wrap .icon-close,.tooltip.paste-in{cursor:pointer}.form-checkbox.chosen-item [type=checkbox]+.checkbox-icon{background:#000;border-color:#000}.page-layout-content .data-table{overflow:unset}.form-checkbox.chosen-item .checkbox-icon:before{content:'';position:absolute;top:3px;left:3px;width:9px;height:5px;border-bottom:2px solid #fff;border-left:none;transform:unset;transition:none;opacity:1}#modal-ip-address .modal-footer{padding-top:16px}#modal-ip-address .modal-body{padding-bottom:16px}#modal-ip-address .info-wrap{display:flex;box-shadow:0 1px 0 rgb(0 0 0 / 5%);border:1px solid #babfc3;border-radius:4px;margin-top:16px;padding:24px}#modal-ip-address .info-wrap .ip-info{margin-left:12px;line-height:1.7}#modal-ip-address svg{margin-top:4px}#modal-ip-address .ip-info .ipc{margin-left:29px}#modal-ip-address .ip-info .link.add-current-ip{margin-left:3px;text-decoration:underline}#modal-ip-address .ip-info svg{position:absolute}.banner.preview{max-width:none;padding:24px;display:flex;justify-content:space-between;background:0 0}#exclude-location-list-selected .row[class*="-slide"] .loc-item-icon,.opt-label,.redirect-col-td span{display:inline-block}.banner.preview.without-change-mode{justify-content:unset}.banner.ip-redirect-markets .form-toggle,.banner.preview.without-change-mode .form-toggle{margin-right:20px}.banner.preview.banner-warning{background:#fff5ea}.banner.preview .btn{background-color:transparent}@media only screen and (min-width:1200px){.form-item-create .page-layout-card-row .page-layout-card-col.card-xl{max-width:calc(66% - 12px)}}.draggable-col-td .resource-icon-block{cursor:all-scroll}.switcher-col-td .toggle-icon{margin-top:5px}.draggable-col-td svg{margin-bottom:3px}.redirect-col-td svg{position:absolute;top:calc(50% - 9px)}.redirect-col-td span{padding-left:30px;font-weight:400;max-width:inherit}.markets-locales-wrap .link:hover,.redirect-col-td span:hover{text-decoration:none}.btn.btn-exclude{color:#fff;background-color:#d82c0d;border:1px solid #d82c0d}.countries-col-td .badge{position:relative;border-radius:16px;padding:8px 10px 8px 23px;margin:5px 0}.countries-col-td .badge svg{width:12px;height:12px;position:absolute;top:calc(50% - 6px);left:7px}.countries-col-td .added-badge{background-color:#e2f1ea}.countries-col-td .excluded-badge{background-color:#fed3d1}.countries-col-td .badge.more{background-color:transparent;border:1px solid #2e72d2;padding:8px;color:#2e72d2;cursor:pointer}.redirect-actions{position:absolute;right:30px;top:calc(50% - 8px);cursor:pointer}.redirect-actions .tooltip-icon{width:20px;display:inline-block;text-align:center}.redirect-actions.selected .tooltip-actions{display:block!important;position:absolute;top:17px;right:-25px;z-index:1;white-space:normal!important;width:95px;padding:.8rem;border-radius:5px;background-color:#fff;box-shadow:0 0 0 0 rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15)}.tooltip-actions>div{padding:.8rem .7rem;cursor:pointer;border-radius:3px}.tooltip-actions>div:hover{background-color:#f6f6f7;text-decoration:none;outline:transparent solid .3rem}.tooltip-actions>div:last-of-type:before{content:"";display:block;width:20px;height:50px;position:absolute;bottom:-10px;left:0}.locale-action .removed-language-info.tooltip:after{min-width:278px;text-align:center}.locale-info .local-lang{font-size:14px;font-weight:500;margin-bottom:4px}.removed-language-info{position:absolute;top:1px;margin-left:5px}.modal-content .modal-header{box-shadow:none}.modal-header .modal-title{height:5px}#exclude-location-list-selected div[class*="-slide"],#location-list-selected div[class*="-slide"]{border-bottom:none;padding-bottom:0}#exclude-location-list-selected .row.close,#location-list-selected .row.close{padding:18px 24px;border-bottom:1px solid #e1e3e5}#exclude-location-list-selected .row.close .loc-item-icon,#exclude-location-list-selected .row.close .loc-item-remove,#location-list-selected .row.close .loc-item-icon,#location-list-selected .row.close .loc-item-remove{top:calc(50% - 9px)}#exclude-location-list-selected div[class*="-slide"] .loc-item-remove,#location-list-selected div[class*="-slide"] .loc-item-remove{top:50%}#exclude-location-list-selected div[class*="-slide"] .loc-item-icon,#location-list-selected div[class*="-slide"] .loc-item-icon{top:calc(50% - 3px)}#exclude-location-list-selected div[class*="-slide"].close .fa,#location-list-selected div[class*="-slide"].close .fa,.localization-options-wrap .close-locale .fa{webkit-transform:rotate(0deg);transform:rotate(0)}#exclude-location-list-selected div[class*="-slide"] .fa,#location-list-selected div[class*="-slide"] .fa{font-size:22px;webkit-transform:rotate(180deg);transform:rotate(180deg)}#exclude-location-list-selected .states .row,#location-list-selected .states .row{border-bottom:none;padding:12px 24px 12px 42px}#exclude-location-list-selected .states .row:first-of-type,#location-list-selected .states .row:first-of-type{padding-top:24px}#exclude-location-list-selected .states .row:last-of-type,#location-list-selected .states .row:last-of-type{border-bottom:1px solid #e1e3e5;padding-bottom:24px}#exclude-location-list-selected .states .row:only-of-type,#location-list-selected .states .row:only-of-type{padding:24px 24px 24px 42px}#exclude-ip-list .loc-item-name,#exclude-location-list-selected .loc-item-name{margin-left:0}#exclude-location-list-selected .row[class*="-slide"] .loc-item-name{margin-left:24px}.states .row:only-of-type .loc-item-icon,.states .row:only-of-type .loc-item-remove{top:calc(50% - 8px)!important}.states .row:first-of-type .loc-item-icon,.states .row:first-of-type .loc-item-remove{top:calc(50% - 2px)}.states .row:last-of-type .loc-item-icon,.states .row:last-of-type .loc-item-remove{top:calc(50% - 15px)}.loc-item-name .badge{margin-left:6px;font-size:10px;padding:5px}.form-item-create h5{font-size:16px;font-weight:600;text-transform:none}.form-item-create .page-layout-nav .page-link-back:before{top:49%}#setting-form,.form-select.popup-option{margin-bottom:16px}.button-list.modal-actions{padding:1rem;border-bottom:1px solid #e1e3e5;margin:0}.data-table table tbody tr td.countries-col-td.block-item,.data-table table tbody tr td.ips-col-td.block-item{line-height:11px;width:100%}.template-settings .page-layout-nav{margin-bottom:0}.template-settings .page-title .col-left,.template-settings .page-title .col-right{padding-top:0}.layouts-switcher .radio-illustration .label-illustration{padding-top:42%}.card .radio-illustration .label-illustration img{height:auto}.click-counter span.arrow-down:before,.click-counter span.arrow-up:before{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;left:calc(50% - 4px)}.preview-frame{background-image:url("https://cdn.shopify.com/s/files/1/0875/2064/files/preview_frame.png");background-position:top;background-repeat:no-repeat;background-size:contain;background-color:#f5f5f5;min-height:350px}.settings-card textarea{width:100%;max-width:100%;min-height:100px;max-height:100px;resize:none}textarea[name=support_message]{max-width:100%}.opt-label{margin-bottom:4px}.close-locale,.locale-select{margin-bottom:12px}.card-text.prompt{padding:0 0 12px;border-bottom:1px dashed #ccc}.buttons-fields,.markets-locales-wrap .locale-action{display:flex;justify-content:space-between}.buttons-fields .form-input{width:47%}.localization-option.form-input-critical{background-color:#fff4f4;border:1px solid #d82c0d}.activity-and-refresh.card-title,.row.color-set-title h3{margin-bottom:0!important}.row.color-option,.row.color-set-title{padding:16px 24px}.row .slide-title{margin-bottom:0;max-width:75%;overflow:hidden}.settings-slide{position:relative;cursor:pointer;display:flex}.settings-slide.open-slide+.slide-contents{display:block;padding-top:12px}.settings-slide.open-slide+.cPicker{display:block}.cPicker{padding:12px;display:none}.settings-card.top-option.popup-option.redirect-texts .card-row:first-child{padding:24px 24px 8px}.settings-slide .prompt-color{width:16px;height:16px;margin-left:8px;border:2px solid #fff;box-shadow:0 0 4px rgba(0,0,0,.192199);border-radius:50%}.form-select.popup-option select{max-width:60%}.click-counter{width:50%;box-shadow:0 1px 0 rgba(0 0 0 .05);border:1px solid #babfc3;border-radius:4px}.form-input.click-counter:focus{outline:#458FFF solid 2px}.form-input.click-counter input{border:none;box-shadow:none;width:56px;padding:8px 5px 8px 8px}.form-input.click-counter input::-webkit-inner-spin-button,.form-input.click-counter input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input.click-counter input[type=number]{-moz-appearance:textfield}.form-input.click-counter input:focus{outline:0}.click-counter span.arrow{position:absolute;width:20px;height:13px;right:10px;background:#e4e5e7;border-radius:3px;cursor:pointer}.click-counter span.arrow-up{top:3px}.click-counter span.arrow-down{bottom:3px}.click-counter span.arrow-up:before{display:block;border-bottom:4px solid #5c5f62;position:absolute;top:4px}.click-counter span.arrow-down:before{display:block;border-top:4px solid #5c5f62;position:absolute;top:5px}.click-counter:before{content:"min";display:block;position:absolute;color:#6d7175;right:40px;z-index:1;top:calc(50% - 10px)}.banner-warning.banner-sm+.form-checkbox{margin-top:12px}.locale-name{display:inline-block;cursor:pointer}.locale-name .fa{font-size:1.8em;margin-right:3px}.remove-locale{position:absolute;right:44px;top:0;cursor:pointer}.remove-locale svg{position:absolute;top:1px;right:-20px}.localization-options-wrap .locale-item+.add-localization,.slider-locale+.locale-info{margin-top:24px}.locale-select{max-width:150px}.localization-options-wrap .locale-item{padding:16px 0 8px;border-top:1px solid #e1e3e5;margin:0 -24px}.localization-options-wrap .locale-item:first-of-type{border-bottom:0}.localization-options-wrap .locale-item:last-of-type,.markets-locales-wrap .card-row:last-of-type{border-bottom:1px solid #e1e3e5}.localization-options-wrap .locale-item>div{padding:0 24px}.preview-frame.geoip-tpl-block{padding-top:19px;box-shadow:0 0 0 rgba(63,63,68,.05),0 1px 3px rgba(63,63,68,.15);border-radius:3px}.localization-options-wrap .fa{webkit-transform:rotate(180deg);transform:rotate(180deg)}.redirect-option .banner.banner-sm{padding:16px 21px 16px 52px}.card-sec-dashed{border-top:1px dashed #ccc;padding-top:16px}.card-sec-dashed input{width:300px;max-width:100%}span.req{color:#c00}.template-markets .page-layout{min-height:101vh}.template-markets .card{margin-bottom:24px}.catch-wrap{display:flex}.catch-wrap .desc{margin-left:10px}.catch-wrap .desc select{width:80%}.banner.ip-redirect-markets{display:flex;max-width:none;padding:24px;background:0 0}.market-name{margin-bottom:0;position:relative;cursor:pointer}.market-locale-name{font-size:14px;font-weight:700}.countries-added .tag{margin:0 5px 7px 0;font-size:15px}.countries-added .tag .icon-close:after,.countries-added .tag .icon-close:before{width:15px}.markets-locales-wrap .link{margin-bottom:5px}.market-slide.close .fa{webkit-transform:rotate(45deg);transform:rotate(45deg)}.market-slide .fa{webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.catch-all+.toggle-icon{margin-top:3px}.locale-action .tooltip:after{min-width:200px;text-align:left;font-size:12px;line-height:14px;white-space:break-spaces}.locale-action .btn-primary{white-space:nowrap;height:max-content}label.blocked{color:#9f9f9f}.banner.banner-info{background:#def5f7}.nav-tab.loading{pointer-events:none;opacity:.4}.loading-busy .activity-indicator{opacity:0}.banner .btn.link:hover{text-decoration:none;color:inherit}.banner .btn-close-banner{position:absolute;right:20px;top:10px;cursor:pointer;font-size:16px}.btn.link.theme-editor-link{text-decoration:none!important}.template-help svg{max-width:100%;height:auto}.installation-page .banner a{text-decoration:underline!important}@media only screen and (max-width:910px){.settings-slide .fa-angle-down{right:0}}@media only screen and (min-width:1007px){#setting-form .page-layout-card-row:first-of-type:after{display:none}#setting-form .page-layout-card-row:first-of-type{margin-bottom:4px;padding-bottom:2rem}#setting-form .page-layout-card-row:first-of-type .page-layout-card-col.card-xl{margin-bottom:0}}@media only screen and (max-width:1007px){#setting-form .page-layout-card-row:first-of-type:after{display:none}#setting-form .page-layout-card-row:first-of-type{margin-bottom:4px;padding-bottom:2rem}#setting-form .page-layout-card-row:first-of-type .page-layout-card-col.card-xs .page-layout-card{margin-bottom:0}}@media only screen and (min-width:768px){.data-table table tbody tr td.draggable-col-td,.data-table table thead tr th.draggable-col{width:34px}.data-table table tbody tr td.switcher-col-td,.data-table table thead tr th.switcher-col{width:64px}.data-table table tbody tr td.title-col-td,.data-table table thead tr th.title-col{width:125px;max-width:125px;word-wrap:break-word}.data-table table tbody tr td.redirect-col-td,.data-table table thead tr th.redirect-col{width:200px;max-width:200px;word-wrap:break-word}.data-table table tbody tr td.countries-col-td,.data-table table tbody tr td.ips-col-td,.data-table table thead tr th.countries-col{width:360px}.template-settings .page-layout-card-row .page-layout-card-col.card-xl{flex:1 1 calc(67.4% - 24px);max-width:calc(67.4% - 24px)}.template-settings .page-layout-card-row .page-layout-card-col.card-xs{flex:1 1 calc(32.6% - 24px);max-width:calc(32.6% - 24px)}#setting-form .page-layout-card-col.card-xs{position:relative}}@media only screen and (max-width:480px){.page-layout-content .page-layout-header{margin-left:0;margin-right:0}.page-actions.page-title{padding:0 0 0 24px}.form-item-create .page-actions.page-title{padding:0 24px}.buttons-fields,.markets-locales-wrap .locale-action{display:block}.buttons-fields .form-input{width:100%}.buttons-fields div+div{margin-top:16px}.col-right .btn.btn-primary{margin-right:24px}.locale-action .locale-info{margin-bottom:12px}.settings-card .radio-illustration-block.radio-illustration-block-horizontal .radio-illustration{flex:0 0 45%;max-width:none}.settings-card.redirect-option .banner.banner-warning{margin-right:-24px;margin-left:-24px}}@media only screen and (max-width:370px){.template-markets .page-actions.page-title .col-right{width:100%;text-align:right}}@media only screen and (max-width:768px){.page-layout-content .page-layout-header{margin-left:0;margin-right:0}.empty-state-column div{margin:0 auto}}@media only screen and (max-width:767px){.form-item-create .page-layout-card-row .page-layout-card-col{margin:0 0 24px}.page-layout-card-row .page-layout-card-col.card-md.empty-state-column:first-child{margin-top:24px}}@media only screen and (max-width:885px){.countries-col-td,.redirect-col-td{margin-left:45px;grid-column:1/-1}.rules-wrap{display:block}.data-table thead{display:none}.rule-item{display:grid;grid-template-columns:45px 60px 1fr;position:relative}.countries-col-td{position:unset}.data-table .rule-item td.countries-col-td{padding-right:30px}.redirect-actions{top:18px;right:15px}.switcher-col-td .toggle-icon{margin-top:2px}}@media only screen and (max-width:1170px){.banner.preview{display:grid;grid-template-columns:60px 1fr}.banner.preview .btn{margin-top:12px;grid-column:1/-1}}.btn-icon-holder-white svg{fill:#fff!important}.activity-and-refresh{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.activity-and-refresh span.activity,.activity-and-refresh.refreshing span.activity-loading{display:block;margin-bottom:10px}.page-layout-header.no-padding-bottom{padding-bottom:0}.btn.btn-black{background-color:#1a1a1a!important;color:#fff!important}.template-main .Polaris-Header-Title__TitleWrapper .Polaris-Header-Title{font-size:28px;line-height:1.14;margin:0 0 8px;font-weight:600}.template-main .Polaris-Page{padding:24px!important}.template-main .Polariss-Box{padding-top:10px!important}.template-main .review-box .Polaris-Box{padding-top:var(--p-space-600)!important}body.template-main{--p-color-bg:#f1f2f4}.empty-state-column-vertical{flex-direction:column;align-items:flex-start;height:100%;padding-top:var(--p-space-1000)}.empty-state-column-vertical .card-text{margin-top:16px;padding-bottom:16px}

/* Fix for Polaris buttons not stretching in flex containers */
.button-list .Polaris-Button,
.modal-actions .Polaris-Button,
.modal-footer .Polaris-Button,
.locale-action .Polaris-Button {
    flex: none !important;
    align-self: flex-start !important;
}


/* Ensure buttons in flex containers maintain proper height */
.button-list,
.modal-footer .button-list {
    align-items: flex-start !important;
}

/* Refresh button spinner state */
.js-btn-refresh .spinner {
    display: none;
}

.js-btn-refresh.btn-loading .spinner {
    display: inline;
}

.js-btn-refresh.btn-loading .refresh-icon {
    display: none;
}

.secondary-preview {
    display: none;
}

.settings-slide.open-slide + .secondary-preview {
    display: block;
    margin-top: 4px;
}

.settings-slide.open-slide + .secondary-preview + .cPicker {
    display:block;
}

@media (min-width: 1024px) {
    .lg\:max-w-\[60\%\] {
        max-width: 60%;
    }
}

.mx-auto {
    margin: 0 auto;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}
 /* right-4 top-4 z-10 */
 .right-4 {
    right: 0.4rem;
 }

 .top-4 {
    top: 0.4rem;
 }

 .z-10 {
    z-index: 10;
 }

.pb-4 {
    padding-bottom: 1rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.w-full {
    width: 100%;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.flex-col {
    flex-direction: column;
}
.flex {
    display: flex;
}
.mt-2 {
    margin-top: .5rem;
}

/* Onboarding step heading spacing fix for small screens */
.onboarding-step-heading {
        margin-top: 1.5rem !important;
    }

/* Market configuration styles */
.market-not-configured, .market-not-configured .market-name {
    cursor: default !important;
}

.market-not-configured:hover {
    background: transparent !important;
}

.market-configure-action {
    display: flex;
    align-items: center;
    margin-left: auto;
}
