.feature-modal-wrapper{display:contents}.feature-modal{padding:0;border:none;background:transparent;width:100%;height:100%;max-width:100vw;max-height:100vh;margin:0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;overflow:hidden;overscroll-behavior:contain}.feature-modal::backdrop{background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}.feature-modal[open]::backdrop{opacity:1}.feature-modal__inner{position:absolute;bottom:0;left:0;right:0;background:#09090b;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;display:flex;flex-direction:column;max-height:90vh;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);box-shadow:0 -10px 40px #00000080;border:1px solid #27272a;border-bottom:none}.feature-modal[open] .feature-modal__inner{transform:translateY(0)}@media screen and (min-width:768px){.feature-modal{display:grid;place-items:center;background:transparent}.feature-modal__inner{position:relative;border-radius:1rem;max-width:900px;width:90vw;height:auto;max-height:85vh;border-bottom:1px solid #27272a;transform:scale(.95);opacity:0;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .3s ease}.feature-modal[open] .feature-modal__inner{transform:scale(1);opacity:1}}.feature-modal__close{position:absolute;top:1rem;right:1rem;background:#00000080;border:1px solid #3f3f46;color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .2s,transform .2s;padding:0}.feature-modal__close:hover{background:#ffffff1a;transform:scale(1.05)}.feature-modal__content{display:flex;flex-direction:column;overflow-y:auto;height:100%}@media screen and (min-width:768px){.feature-modal__content{flex-direction:row;overflow:hidden}}.feature-modal__gallery{position:relative;width:100%;background:#000;flex-shrink:0}@media screen and (min-width:768px){.feature-modal__gallery{width:50%;height:100%;border-right:1px solid #27272a}}.feature-modal__slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;aspect-ratio:1}@media screen and (min-width:768px){.feature-modal__slider{height:100%;aspect-ratio:auto}}.feature-modal__slider::-webkit-scrollbar{display:none}.feature-modal__slide{flex:0 0 100%;width:100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;position:relative}.feature-modal__image{width:100%;height:100%;object-fit:cover;display:block}.feature-modal__dots{position:absolute;bottom:1rem;left:0;right:0;display:flex;justify-content:center;gap:.5rem;z-index:5}.feature-modal__dot{width:.5rem;height:.5rem;border-radius:50%;background:#fff6;border:none;padding:0;cursor:pointer;transition:background .2s,transform .2s}.feature-modal__dot.is-active{background:#fff;transform:scale(1.2)}.feature-modal__info{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;flex-grow:1}@media screen and (min-width:768px){.feature-modal__info{width:50%;overflow-y:auto;padding:2rem}}.feature-modal__header{display:flex;flex-direction:column;gap:.5rem}.feature-modal__title{margin:0;font-size:1.5rem;color:#fff;line-height:1.2}.feature-modal__price{font-size:1.25rem;color:#a1a1aa;font-weight:500}.feature-modal__description-accordion{border-top:1px solid #27272a;border-bottom:1px solid #27272a}.feature-modal__description-summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;cursor:pointer;color:#fff;font-weight:600;font-size:.95rem;list-style:none;-webkit-user-select:none;user-select:none}.feature-modal__description-summary::-webkit-details-marker{display:none}.feature-modal__accordion-icon{transition:transform .3s ease;color:#a1a1aa}.feature-modal__description-accordion[open] .feature-modal__accordion-icon{transform:rotate(180deg)}.feature-modal__description{color:#d4d4d8;font-size:.95rem;line-height:1.5;padding-bottom:1rem}.feature-modal__variants{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid #27272a}.feature-modal__option{display:flex;flex-direction:column;gap:.5rem}.feature-modal__option-name{color:#e4e4e7;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.feature-modal__select{width:100%;background:#00000059;border:1px solid rgba(255,255,255,.25);border-radius:.4rem;padding:.75rem;color:#fff;font-size:1rem;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%24%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%209L12%2015L18%209%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.feature-modal__select:focus{border-color:#fff}.feature-modal__personalization-fields{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid #27272a}.feature-modal__field{display:flex;flex-direction:column;gap:.5rem}.feature-modal__label{color:#e4e4e7;font-size:.85rem;font-weight:600}.feature-modal__input{width:100%;background:#00000059;border:1px solid rgba(255,255,255,.25);border-radius:.4rem;padding:.75rem;color:#fff;font-size:1rem}.feature-modal__input:focus{outline:none;border-color:#fff}.feature-modal__input[type=file]{padding:.6rem}.feature-modal__input[type=file]::-webkit-file-upload-button{background:#27272a;border:1px solid #3f3f46;color:#fff;border-radius:.25rem;padding:.4rem .8rem;margin-right:1rem;cursor:pointer;font-size:.85rem}.feature-modal__hint{font-size:.75rem;color:#a1a1aa}.feature-modal__error{color:#fca5a5;font-size:.85rem;margin-top:-.25rem}.feature-modal__actions{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem}.feature-modal__actions-main{display:flex;gap:.75rem}.feature-modal__submit{flex:1;background:#fff;color:#09090b;border:none;border-radius:.5rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:.5rem}.feature-modal__cancel{background:#27272a;color:#fff;border:1px solid #3f3f46;border-radius:.5rem;padding:0 1.25rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s;display:flex;align-items:center;justify-content:center}.feature-modal__cancel:hover{background:#3f3f46;border-color:#52525b}.feature-modal__submit:hover{background:#e4e4e7}.feature-modal__submit:active{transform:scale(.98)}.feature-modal__remove{width:100%;background:transparent;color:#a1a1aa;border:1px solid #3f3f46;border-radius:.5rem;padding:.75rem;font-size:.95rem;cursor:pointer;transition:color .2s,border-color .2s}.feature-modal__remove:hover{color:#fff;border-color:#fff}
/*# sourceMappingURL=/cdn/shop/t/5/assets/feature-modal.css.map */