.scroll-wrapper{position:relative;max-width:800px}.scroll-wrapper--with-btns{padding-top:0}.scroll-wrapper--with-btns .scroll-btn{transform:none}.scroll-wrapper--with-btns .scroll-btn:hover:not(:disabled){transform:scale(1.05)}.scroll-wrapper--with-btns .scroll-btn:active:not(:disabled){transform:scale(.95)}.scroll-wrapper .scroll-btn{top:-34px;transform:none}.scroll-wrapper .scroll-btn:hover:not(:disabled){transform:scale(1.05)}.scroll-wrapper .scroll-btn:active:not(:disabled){transform:scale(.95)}.scroll-container{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:1rem 55px 1rem 0;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-item{min-width:250px;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;flex-shrink:0}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--color-button-primary);color:var(--color-button-primary-text);border:none;border-radius:50%;cursor:pointer;font-size:24px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}@media only screen and (max-width:768px){.scroll-btn{width:33px;height:33px}}.scroll-btn:hover:not(:disabled){box-shadow:0 6px 16px #0003;transform:translateY(-50%) scale(1.05)}.scroll-btn:active:not(:disabled){transform:translateY(-50%) scale(.95)}.scroll-btn:disabled{opacity:.3;cursor:not-allowed}.scroll-btn-left{right:50px}@media only screen and (max-width:768px){.scroll-btn-left{right:45px}}.scroll-btn-right{right:0}.option-item{scroll-snap-align:center;scroll-snap-stop:always}.option-item[data-disabled=true]{opacity:.4;cursor:not-allowed!important;pointer-events:none;filter:grayscale(60%);position:relative}.option-item[data-disabled=true]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px);border-radius:8px;z-index:1}.option-item[data-disabled=true]:hover{opacity:.4;transform:none}html .grid{display:initial}html .dt-cake-editor .grid{display:grid}.option-template{margin-bottom:20px;position:relative}.select-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.select-options-grid-expanded{display:flex;gap:10px}.select-options-grid-expanded>*{flex:0 0 150px;min-width:150px;max-width:150px}.option-item{display:flex;flex-direction:column;align-content:start;text-align:center;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,opacity .2s ease;box-sizing:border-box}.option-item input[type=radio],.option-item input[type=checkbox]{display:none}.option-item p{margin:0;font-weight:700}.option-item span{display:block;margin-top:5px;color:#666}.option-display-name{padding:12px 4px 8px;font-size:.75rem;height:100%;display:flex;flex-direction:column;justify-content:space-between}.variant__label{font-weight:400}.variant__label:not(.option-template-optional *){font-weight:700}.dt-custom-options .variant__label{font-size:var(--type-base-size);display:inline-block;margin-bottom:8px}.label-required{color:var(--colorScheme1Text)}.option-item{position:relative;border:.1rem solid #e4e4e4;border-radius:8px}.option-item:has(input:checked){border:.1rem solid #d9296a9d}.option-item:has(input:checked):before{width:calc(100% + .1rem);height:70%;z-index:3;position:absolute;left:-.05rem;bottom:-.1rem;border-radius:0 0 8px 8px;content:"";background:#d9296b45}.option-item:hover{opacity:.8}.textfield-input{border:1px solid grey;width:100%;border-radius:6px!important;color:var(--colorTextBody);background-color:var(--colorBody);padding:8px 12px}.inputfield-info{font-size:.7rem}.inputfield-info--error-message{display:none}input[required].touched:invalid+.inputfield-info--error-message{display:block}input:not([required]):invalid+.inputfield-info--error-message{display:block}.option-template label.option-item{margin-bottom:0}.d-none{display:none}.mt-8{margin-top:8px}.mb-4{margin-bottom:4px}.pt-20{padding-top:24px}input:focus{outline-width:.1rem;outline-color:var(--colorScheme1Text)}.rounded-top{border-top-left-radius:6px;border-top-right-radius:6px}.error{border:2px solid red}.error .label{color:red}#__nuxt{min-height:48px;position:relative}#__nuxt:empty{border-radius:var(--element-button-radius);background:linear-gradient(90deg,#f5f5f5 25%,#fbfbfb,#f5f5f5 75%);background-size:200% 100%;animation:dt-cake-editor-shimmer 1.5s linear infinite}@keyframes dt-cake-editor-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dt-checkbox-toggle-header{display:flex;align-items:center;gap:10px}.dt-checkbox-toggle-header span.variant__label{margin:0;max-width:80%}.dt-checkbox-toggle-header label{width:100%}.dt-checkbox-toggle-content{block-size:0;opacity:0;overflow:hidden;interpolate-size:allow-keywords;transition:opacity .25s ease-in-out .25s,block-size .25s ease-in-out,padding-block .25s ease-in-out;padding-top:0;padding-bottom:0;margin:0}.dt-checkbox-toggle-content.open{block-size:auto;opacity:1;overflow:visible;padding-top:10px}.dt-checkbox-toggle-wrapper{border:1px solid;border-color:color-mix(in srgb,var(--color-primary) var(--shade-12),var(--color-secondary));border-radius:var(--product-radius);padding:calc(var(--gutter) / 2);overflow:hidden}@supports (overflow: clip){.dt-checkbox-toggle-wrapper{overflow:clip}}.dt-checkbox-toggle-wrapper fieldset{border:none;padding:0;min-width:0}.optional-options-heading{font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem;border-top:1px solid #e5e5e5;padding-top:1.5rem}.collapsible-option{border-bottom:1px solid #e5e5e5;padding-bottom:10px}.option-template:last-of-type .collapsible-option{margin-bottom:0;padding-bottom:0;border-bottom:none}.collapsible-option__summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.collapsible-option__summary .variant__label{margin-bottom:0}.collapsible-option__summary::-webkit-details-marker{display:none}.collapsible-option__content{padding-top:10px}.collapsible-option__icon{width:1em;height:1em;position:relative;transition:transform .2s ease-in-out;margin-left:10px}.collapsible-option__icon:before,.collapsible-option__icon:after{content:"";position:absolute;background-color:currentColor;top:50%;left:50%;transform-origin:center}.collapsible-option__icon:before{width:1em;height:2px;margin-top:-1px;margin-left:-.5em}.collapsible-option__icon:after{width:2px;height:1em;margin-top:-.5em;margin-left:-1px;transition:transform .2s ease}.collapsible-option[open]>.collapsible-option__summary .collapsible-option__icon:after{transform:rotate(90deg)}.option-template-optional{margin-bottom:10px}.option-item[dt-badge-type=dt-badge-top]:after{content:attr(data-badge-text);position:absolute;display:inline-block;transform:unset;clip-path:unset;top:-20px;right:0;width:100%;font-size:10px;font-weight:700;line-height:1;background-color:var(--badge-bg-color);border-radius:4px 4px 0 0;color:var(--badge-text-color);text-align:center;padding:2px 0;line-height:1.3;letter-spacing:-.06em;white-space:nowrap;overflow:hidden;box-sizing:content-box;margin-top:4px;z-index:0}.option-item[dt-badge-type=dt-badge-pill] .dt-badge-element{position:relative;z-index:10;border-radius:8px;width:max-content;margin:6px auto;padding:0 8px;max-width:fit-content}.option-item[data-dt-badge]:not(:has(input:checked)){border-color:var(--badge-bg-color);border-color:color-mix(in srgb,var(--badge-bg-color) 40%,transparent);background:rgba(var(--badge-bg-color-rgb),.1)}.dt-info-icon--pdp{margin-top:-6px;margin-bottom:8px}.dt-info-icon--pdp svg.inline-icon{margin-left:4px;vertical-align:text-top}.dt-card-preview-toggle{margin-top:8px;border-top:.5px solid #e4e4e4}.dt-card-preview-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:none;border:none;cursor:pointer;font-size:.8rem;color:var(--colorTextBody)}.dt-card-preview-img{width:80%;max-height:300px;object-fit:contain;display:block;margin:auto;border-radius:8px}.select-options-grid-expanded .option-item .image-element{width:100%;height:100%;max-height:106px;object-fit:contain;object-position:top;background-color:#f7f7f7;display:block}.dt-card-preview-chevron{transition:transform .25s ease}.dt-card-preview-btn[aria-expanded=true] .dt-card-preview-chevron{transform:rotate(180deg)}.dt-card-preview-content{block-size:0;opacity:0;overflow:hidden;interpolate-size:allow-keywords;transition:opacity .25s ease-in-out,block-size .3s ease-in-out;padding-bottom:0}.dt-card-preview-content.open{block-size:auto;opacity:1;overflow:visible;padding-bottom:10px}.dt-component-section{border:1px solid #e4e4e4;border-radius:8px;padding:16px;margin-bottom:16px}.dt-component-section--no-options{border:none;padding:0;margin-bottom:0}.dt-component-section__title{font-size:1.2rem;font-weight:700;margin-top:0;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--colorScheme1Text);color:var(--colorTextBody);letter-spacing:.01em}.dt-component-section__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid var(--colorScheme1Text)}.dt-component-section__header .dt-component-section__title{margin:0;padding:0;border-bottom:none}.dt-component-section__image{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #e4e4e4;flex-shrink:0}.dt-component-unit__title{font-weight:700}.dt-select-dropdown-wrapper{position:relative;width:100%}.dt-select-dropdown{appearance:none;-webkit-appearance:none;width:100%;border:1px solid grey;border-radius:6px!important;color:var(--colorTextBody);background-color:var(--colorBody);padding:8px 40px 8px 12px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.dt-select-dropdown:focus{outline-width:.1rem;outline-color:var(--colorScheme1Text)}.dt-select-dropdown:disabled{cursor:not-allowed;opacity:.6}.dt-no-options-summary__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.dt-no-option-item{color:var(--colorTextBody);padding:0;display:flex;align-items:center;gap:8px}.dt-no-option-item:before{content:"\2713";flex-shrink:0;color:var(--colorScheme1Text);font-weight:700;font-size:.9rem;line-height:1}.dt-component-section{counter-reset:dt-unit-counter}.dt-component-unit__title{display:none}.dt-component-section--show-unit-titles .dt-component-unit__title{display:block;counter-increment:dt-unit-counter}.dt-component-section--show-unit-titles .dt-component-unit__title:before{content:counter(dt-unit-counter) ") "}
/*# sourceMappingURL=/cdn/shop/t/49/assets/dt-block-pdp-product-options-v2.css.map */