.ring-builder{max-height:calc(100vh - 140px);display:grid;grid-template-columns:repeat(24,1fr);column-gap:12px;padding-inline:12px;justify-content:center}.ring-builder__media-container{grid-column:3 / span 9;aspect-ratio:.8;position:relative}.ring-builder__media{display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden}.ring-builder__media--placeholder,.ring-builder__media--products{transition:opacity .3s ease-in-out .6s,visibility .3s ease-in-out .6s}.ring-builder__media.active{opacity:1;visibility:visible}.ring-builder__media-item{position:relative;aspect-ratio:2.3}.ring-builder__media--products .ring-builder__media-item{opacity:0;height:fit-content;transform:translateY(100%);max-height:0px;transition:transform 1.5s cubic-bezier(.66,0,.15,1) 0ms,max-height 2s cubic-bezier(.66,0,.15,1) .2s,opacity .6s ease-in-out .6s}.ring-builder__media--products .ring-builder__media-item.active{max-height:25vh;opacity:1;transform:translateY(0)}.ring-builder__media--placeholder .ring-builder__media-item{opacity:0;transform:translateY(200%)}.ring-builder__media--placeholder .ring-builder__media-item:nth-child(1){transition:transform 1.5s cubic-bezier(.66,0,.15,1) .2s,max-height 1s ease-in-out .2s,opacity .6s ease-in-out .6s}.ring-builder__media--placeholder .ring-builder__media-item:nth-child(2){transition:transform 1.5s cubic-bezier(.66,0,.15,1) .1s,max-height 1s ease-in-out .2s,opacity .6s ease-in-out .6s}.ring-builder__media--placeholder .ring-builder__media-item:nth-child(3){transition:transform 1.5s cubic-bezier(.66,0,.15,1) 0ms,max-height 1s ease-in-out .2s,opacity .6s ease-in-out .6s}.ring-builder__media--placeholder.active .ring-builder__media-item{opacity:1;transform:translateY(0)}.ring-builder__media-item-wrapper{opacity:0;transition:opacity .1s ease-in-out 0ms}.ring-builder__media-item-wrapper.active{opacity:1;transition:opacity .3s ease-in-out .2s}.ring-builder__media-item{position:relative;mix-blend-mode:multiply}.ring-builder__media-item:not(:first-child){margin-top:-25px}.ring-builder__media-tooltip{opacity:0;visibility:hidden;right:0;top:50%;position:absolute;transition:all .15s ease;z-index:1}.ring-builder__media-item:hover .ring-builder__media-tooltip{opacity:1;visibility:visible}.ring-builder__form-container{grid-column:16 / span 7;display:flex;flex-direction:column;justify-content:center;height:100%}.ring-builder__form{padding:12px;display:flex;flex-direction:column}.ring-builder__size-text{display:flex;column-gap:4px}.ring-builder__sizes-desktop{display:flex;padding-top:8px;column-gap:16px;flex-wrap:wrap}.ring-builder__sizes-mobile{display:none}.ring-builder__size-btn{text-underline-offset:2px;transition:text-decoration ease .2s}.ring-builder__size-input{display:none}.ring-builder__size-btn:hover,.ring-builder__size-input:checked+.ring-builder__size-btn{text-decoration:underline}.ring-builder__size-select-btn{margin-top:25px}.ring-builder__size-select-btn[disabled]{pointer-events:none;opacity:.5}.ring-builder__ring-select-title{display:flex;column-gap:4px}.ring-builder__ring-select-title span{max-width:62%}.ring-builder__ring-options{padding-top:8px}.ring-builder__ring-options fieldset{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.ring-builder__ring-label{border:1px solid transparent;transition:border-color .3s ease;position:relative;display:none}.ring-builder__ring-input{display:none}.ring-builder__ring-input+.ring-builder__ring-label{display:none}.ring-builder__ring-input.active+.ring-builder__ring-label{display:block}.ring-builder__ring-label .aspectholder{aspect-ratio:1}.ring-builder__ring-input:checked+.ring-builder__ring-label,.ring-builder__ring-label:hover{border-color:#aeaeae}.ring-builder__ring-select-container,.ring-builder__size-container{opacity:0;height:fit-content;max-height:0px;overflow-y:hidden;transition:max-height 1s ease 0ms,opacity .6s ease-in-out 0ms,margin-top .3s ease-in-out .2s}.ring-builder__ring-select-container.active,.ring-builder__size-container.active{transition:max-height 1s ease .45s,opacity .6s ease-in-out .9s,margin-top .3s ease-in-out .3s;opacity:1;margin-top:25px;max-height:50vh}.ring-builder__selections{width:100%;flex-direction:column;margin-top:25px;opacity:0;height:fit-content;max-height:0px;display:flex;transition:max-height 1s ease .45s,opacity .6s ease-in-out .9s}.ring-builder__selections.active{opacity:1;max-height:30vh}.ring-builder__selection-item{width:100%;justify-content:space-between;align-items:center;opacity:0;display:flex;max-height:0px;height:fit-content;overflow-y:hidden;transition:max-height .5s ease,opacity .3s ease-in-out 0ms,margin-top .3s ease-in-out .2s}.ring-builder__selection-item.active{opacity:1;max-height:20vh;margin-top:12px;transition:max-height .4s ease .3s,opacity .3s ease-in-out .4s,margin-top .3s ease-in-out .2s}.ring-builder__checkout-btn-container{max-height:0px;height:fit-content;opacity:0;overflow-y:hidden;transition:max-height .5s ease,opacity .3s ease-in-out 0ms,margin-top .3s ease-in-out .2s}.ring-builder__checkout-btn-container.active{opacity:1;max-height:20vh;margin-top:12px;transition:max-height .4s ease .3s,opacity .3s ease-in-out .4s,margin-top .3s ease-in-out .2s}.ring-builder__label-tooltip{position:absolute;bottom:2px;right:2px;opacity:0;visibility:hidden;transition:all .3s ease;display:flex}.ring-builder__ring-label:hover .ring-builder__label-tooltip{opacity:1;visibility:visible}.ring-builder__footer-text{margin-top:25px}.ring-builder__notification{position:fixed;top:70px;right:12px;width:365px;padding:9px;display:flex;column-gap:18px;background-color:#fff;box-shadow:0 0 4px #00000014;transform:translate(calc(100% + 20px));transition:transform .45s ease;z-index:99}.ring-builder__notification.active{transform:translate(0)}.ring-builder__notification-image{width:36px;min-width:36px}.ring-builder__notification-image .aspectholder{aspect-ratio:1}.ring-builder__media-gradient{display:none}@media all and (max-width: 768px){.ring-builder{max-height:unset;grid-template-columns:repeat(6,1fr);column-gap:12px;padding-inline:12px}.ring-builder__media-container{grid-column:1 / -1}.ring-builder__media-item:not(:first-child){margin-top:-35px}.ring-builder__form-container{grid-column:1 / -1}.ring-builder__form{padding-inline:0px;overflow:hidden}.ring-builder__ring-options{width:100%;max-width:100vw;overflow-x:scroll;white-space:nowrap;padding-bottom:5px}.ring-builder__ring-options{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.ring-builder__ring-options::-webkit-scrollbar{height:4px}.ring-builder__ring-options::-webkit-scrollbar-track{background:transparent}.ring-builder__ring-options::-webkit-scrollbar-thumb{background:#00000040;border-radius:100px}.ring-builder__ring-options fieldset{display:flex;column-gap:4px}.ring-builder__label-tooltip{opacity:1;visibility:visible}.ring-builder__ring-label{width:70px}.ring-builder__media--placeholder{overflow:hidden}.ring-builder__media-container{aspect-ratio:.9}.ring-builder__sizes-desktop{display:none}.ring-builder__sizes-mobile{width:100%;padding-block:12px;border-block:1px solid #ddd;display:block;margin-top:8px}.ring-builder__media-gradient{display:block;position:absolute;bottom:-1px;width:100%;height:40px;background:linear-gradient(180deg,#fff0,#fff)}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/module-ring-builder.css.map */