.shipping-options{width:100%;display:flex;padding:clamp(1.6rem,1.7vw,2rem) 0;align-items:center;border-bottom:1px solid rgb(var(--color-button));border-top:1px solid rgb(var(--color-button))}.shipping-options *{margin:0;padding:0}.shipping-options .shipping-options__main-container{width:var(--first-column-width)}.shipping-options .shipping-options__shipping-title{width:var(--second-column-width)}.shipping-options .shipping-options__shipping-value{width:var(--third-column-width)}.shipping-options .shipping-options__main{display:flex;text-align:start;justify-content:start;align-items:center}.shipping-options .shipping-options__select input[type=checkbox]{display:none}.shipping-options .shipping-options__shipping-value,.shipping-options .shipping-options__shipping-title,.shipping-options .shipping-options__title{display:flex;align-items:center;text-transform:uppercase;color:rgb(var(--color-heading))}.shipping-options .shipping-options__shipping-value,.shipping-options .shipping-options__shipping-title{text-align:center;justify-content:center;font-size:clamp(1rem,1.5vw,1.2rem)}.shipping-options .shipping-options__shipping-value{font-weight:500}.shipping-options .shipping-options__shipping-title{font-weight:300}.shipping-options .shipping-options__title{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:400;white-space:nowrap}.shipping-options .shipping-options__selected-option{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.5rem;border:1px solid rgb(var(--color-button));text-transform:uppercase;font-size:clamp(1rem,1.5vw,1.4rem);font-weight:300;width:fit-content;color:rgb(var(--color-button));cursor:pointer;min-width:clamp(16rem,14vw,27rem);max-width:15vw;overflow:hidden}.shipping-options .shipping-options__selected-option .shipping-options__selected-option-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.shipping-options .shipping-options__selected-option svg{width:clamp(1rem,1.5vw,1.4rem)}.shipping-options:not(.shipping-options--loaded) .shipping-options__select{display:none}.shipping-options:not(.shipping-options--loaded) .shipping-options__title--select{display:none}.shipping-options .shipping-options__select{position:relative;height:fit-content;display:flex;gap:1.5rem}.shipping-options .shipping-options__option-list{position:absolute;top:calc(100% + .1rem);left:0;width:fit-content;min-width:100%;background-color:rgb(var(--color-background));border:1px solid rgb(var(--color-button));display:none;flex-direction:column;gap:.5rem;z-index:1;list-style:none}.shipping-options input[name=open-shipping-options]:checked~.shipping-options__option-list{display:flex}.shipping-options .shipping-options__main-container{display:flex;gap:2rem;position:relative;align-items:center}.shipping-options .shipping-options__option{border:none;background:none;text-transform:uppercase;font-size:clamp(1rem,1.5vw,1.4rem);font-weight:300;color:rgb(var(--color-heading));text-align:start;letter-spacing:.06rem;cursor:pointer;position:relative;white-space:nowrap}.shipping-options .shipping-options__option:after{position:absolute;content:"";width:0;height:1px;background-color:rgb(var(--color-button));bottom:0;left:0;transition:width var(--duration-short) ease}.shipping-options .shipping-options__option:hover:after{width:100%}.shipping-options .shipping-options__option[data-shipping-options-selected]{font-weight:600}.shipping-options .shipping-options__option-item{cursor:pointer;padding:.25rem .5rem}.shipping-options .shipping-options__option-item:hover{background-color:rgba(var(--color-button),.01)}.shipping-options .shipping-options__message{position:absolute;bottom:-.5rem;text-transform:uppercase;color:rgb(var(--color-heading))}.shipping-options .shipping-options__message span{display:flex;align-items:center;gap:.5rem;font-size:clamp(.8rem,1vw,1rem);font-weight:300}.shipping-options .shipping-options__message svg{width:clamp(1rem,1.5vw,1.4rem);height:auto}.shipping-options .shipping-options__message[data-shipping-options-message=""] span{display:none}.shipping-options .shipping-options__message[data-shipping-options-message=success] span:not(.gift-wrap__cart-note-message--success){display:none}.shipping-options .shipping-options__message[data-shipping-options-message=error] span:not(.gift-wrap__cart-note-message--error){display:none}.shipping-options .shipping-options__message[data-shipping-options-message=loading] span:not(.gift-wrap__cart-note-message--loading){display:none}.shipping-options.shipping-options--loaded .shipping-options__cep,.shipping-options.shipping-options--loaded .shipping-options__title--cep{display:none}.shipping-options .shipping-options__cep{display:flex;position:relative;border:1px solid rgb(var(--color-button))}.shipping-options .shipping-options__cep-input{padding:clamp(.5rem,1vw,.8rem) .8rem;font-size:clamp(1rem,1.5vw,1.4rem);color:rgb(var(--color-heading));width:auto;flex-grow:1;border:none;max-width:13rem}.shipping-options .shipping-options__cep-input::placeholder{opacity:0}.shipping-options .shipping-options__cep-label{position:absolute;top:50%;transform:translateY(-50%);text-transform:uppercase;left:1rem;font-size:clamp(1.2rem,1vw,1.4rem);color:rgb(var(--color-heading));transition:all var(--duration-short) ease}.shipping-options .shipping-options__cep-input:focus+.shipping-options__cep-label,.shipping-options .shipping-options__cep-input:not(:placeholder-shown)+.shipping-options__cep-label{display:none}.shipping-options .shipping-options__cep-button{width:fit-content;border:none;padding:0 1rem;text-align:center;font-size:clamp(1rem,1.5vw,1.2rem);background-color:rgba(var(--color-button),.8);color:rgb(var(--color-button-text));text-transform:uppercase;cursor:pointer}.shipping-options .shipping-options__cep-button:hover{background-color:rgba(var(--color-button),1)}.shipping-options.shipping-options--loading .shipping-options__loading{position:absolute;bottom:0;left:0;width:1.4rem;height:1.4rem}.shipping-options .shipping-options__select-clear-button{border:none;background:none;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-button));padding:1rem;cursor:pointer}.shipping-options .shipping-options__select-clear-button svg{width:1rem;height:auto}
/*# sourceMappingURL=/cdn/shop/t/59/assets/shipping-options.css.map */
