.makc-product-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:var(--makc-color-page-background)}.makc-product-sheet{--makc-panel-enter-translate: var(--makc-enter-translate-lg);opacity:1;transition:opacity var(--makc-duration-enter) var(--makc-ease-out),display var(--makc-duration-enter) allow-discrete}@starting-style{.makc-product-sheet{opacity:0}}.makc-product-sheet[hidden]{display:none;opacity:0}.makc-product-sheet__panel{translate:0 0;transition:translate var(--makc-duration-enter) var(--makc-ease-out)}@starting-style{.makc-product-sheet__panel{translate:0 var(--makc-panel-enter-translate)}}.makc-product-sheet[hidden] .makc-product-sheet__panel{translate:0 var(--makc-panel-enter-translate)}.makc-product-sheet__backdrop{display:none}.makc-product-sheet__panel{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.makc-product-sheet__scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.makc-product-sheet__image{position:relative;width:100%;height:280px;background-color:var(--makc-color-image-placeholder)}.makc-product-sheet__image-el{display:block;width:100%;height:100%;object-fit:cover}.makc-product-sheet__close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--makc-radius-full);background-color:var(--makc-color-footer-background);cursor:pointer}.makc-product-sheet__close{transition:scale var(--makc-duration-press) var(--makc-ease-out)}.makc-product-sheet__close:active:not(:disabled):not([aria-disabled=true]){scale:var(--makc-press-scale-sm)}.dark .makc-product-sheet__close{background-color:var(--makc-color-surface-raised)}.makc-product-sheet__close-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:19px;height:19px;color:var(--makc-color-text-primary)}.dark .makc-product-sheet__close-icon{color:var(--makc-color-text-tertiary)}.makc-product-sheet__content{display:flex;flex-direction:column;gap:var(--makc-space-16);padding:var(--makc-space-20) var(--makc-space-16)}.makc-product-sheet__title{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-20);line-height:28px;color:var(--makc-color-text-primary)}.makc-product-sheet__description{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-14);line-height:22px;color:var(--makc-color-text-secondary)}.dark .makc-product-sheet__description{color:var(--makc-color-text-tertiary)}.makc-product-sheet__price{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-16);line-height:24px;color:var(--makc-color-text-primary)}.makc-product-sheet__divider{height:.5px;background-color:var(--makc-color-divider)}.makc-product-sheet__modifier-groups{display:flex;flex-direction:column;gap:var(--makc-space-16)}.makc-product-sheet__modifier-group{display:flex;flex-direction:column}.makc-product-sheet__modifier-group--divided:has(.makc-product-sheet__modifier-header[aria-expanded=false]){border-bottom:.5px solid var(--makc-color-divider)}.makc-product-sheet__modifier-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 0 var(--makc-space-8);border:none;background:none;font:inherit;text-align:left;cursor:pointer}.makc-product-sheet__modifier-header-right{display:flex;align-items:center;gap:var(--makc-space-8)}.makc-product-sheet__modifier-name{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-14);line-height:20px;color:var(--makc-color-text-primary)}.makc-product-sheet__modifier-tag{padding:var(--makc-space-2) var(--makc-space-8);border-radius:var(--makc-radius-xs);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-11);line-height:16px;white-space:nowrap}.makc-product-sheet__modifier-tag--required{background-color:#fff3e0;color:#e65100}.dark .makc-product-sheet__modifier-tag--required{background-color:#2c1a00}.makc-product-sheet__modifier-tag--optional{background-color:var(--makc-color-surface-raised);color:var(--makc-color-text-tertiary)}.dark .makc-product-sheet__modifier-tag--optional{color:var(--makc-color-text-secondary)}.makc-product-sheet__modifier-caret{width:20px;height:20px;color:var(--makc-color-text-tertiary);transition:transform .2s ease}.makc-product-sheet__modifier-header[aria-expanded=false] .makc-product-sheet__modifier-caret{transform:rotate(180deg)}.makc-product-sheet__modifier-panel{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .2s ease}.makc-product-sheet__modifier-header[aria-expanded=true]+.makc-product-sheet__modifier-panel{grid-template-rows:1fr}.makc-product-sheet__modifier-panel-inner{min-height:0;overflow:hidden}.makc-product-sheet__modifier-helper{margin:0;padding-top:var(--makc-space-8);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-12);line-height:18px;color:var(--makc-color-text-tertiary)}.dark .makc-product-sheet__modifier-helper{color:var(--makc-color-text-secondary)}.makc-product-sheet__modifier-options{display:flex;flex-direction:column}.makc-product-sheet__modifier-option{display:flex;align-items:center;gap:var(--makc-space-12);padding:var(--makc-space-12) 0;cursor:pointer}.makc-product-sheet__modifier-option[hidden]{display:none}.makc-product-sheet__modifier-option--divided{border-bottom:.5px solid var(--makc-color-divider)}.makc-product-sheet__modifier-radio{appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;width:20px;height:20px;margin:0;border:1.5px solid var(--makc-color-divider);border-radius:var(--makc-radius-full);background-color:transparent;cursor:pointer}.dark .makc-product-sheet__modifier-radio{border-color:#555}.makc-product-sheet__modifier-radio:checked{border-color:var(--makc-color-brand-green);background-color:var(--makc-color-brand-green)}.makc-product-sheet__modifier-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:var(--makc-radius-full);background-color:var(--makc-color-static-white)}.makc-product-sheet__modifier-option-label{flex:1 0 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-14);line-height:20px;color:var(--makc-color-text-primary)}.makc-product-sheet__modifier-radio:disabled{cursor:default}.makc-product-sheet__modifier-option:has(.makc-product-sheet__modifier-radio:disabled){cursor:default;opacity:.5}.makc-product-sheet__instructions-field-wrap{padding-top:var(--makc-space-12)}.makc-product-sheet__instructions-field{display:block;width:100%;height:72px;margin:0;padding:var(--makc-space-10) var(--makc-space-12);border:none;border-bottom:.5px solid var(--makc-color-divider);border-radius:var(--makc-radius-sm);background-color:var(--makc-color-surface-raised);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-16);line-height:20px;color:var(--makc-color-text-primary);resize:none;box-sizing:border-box}.makc-product-sheet__instructions-field::placeholder{color:var(--makc-color-text-tertiary)}.dark .makc-product-sheet__instructions-field::placeholder{color:var(--makc-color-text-secondary)}.makc-product-sheet__instructions-field:focus{outline:none;border:1px solid var(--makc-color-text-secondary)}.makc-product-sheet__instructions-counter{margin:var(--makc-space-4) 0 0;text-align:right;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-11);line-height:16px;color:var(--makc-color-text-tertiary)}.makc-product-sheet__validation-error{margin:0;padding:var(--makc-space-8) var(--makc-space-16) 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-12);line-height:18px;color:var(--makc-color-brand-red);text-align:center;background-color:var(--makc-color-page-background)}.makc-product-sheet__modifier-group[data-invalid] .makc-product-sheet__modifier-name{color:var(--makc-color-brand-red)}.makc-product-sheet__bottom-bar{display:flex;flex-shrink:0;align-items:center;gap:var(--makc-space-12);padding:var(--makc-space-12) var(--makc-space-16);border-top:.5px solid var(--makc-color-divider);background-color:var(--makc-color-page-background)}.makc-product-sheet__stepper{display:flex;align-items:center;height:44px;border:.5px solid var(--makc-color-divider);border-radius:var(--makc-radius-md)}.makc-product-sheet[data-makc-sheet-mode=edit] .makc-product-sheet__stepper{display:none}.makc-product-sheet__stepper-button{display:flex;align-items:center;justify-content:center;width:36px;height:44px;padding:0;border:none;background:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-20);line-height:1;color:var(--makc-color-text-primary);cursor:pointer}.makc-product-sheet__stepper-button{transition:scale var(--makc-duration-press) var(--makc-ease-out)}.makc-product-sheet__stepper-button:active:not(:disabled):not([aria-disabled=true]){scale:var(--makc-press-scale-sm)}.makc-product-sheet__stepper-count{display:flex;align-items:center;justify-content:center;width:32px;height:44px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-14);color:var(--makc-color-text-primary)}.makc-product-sheet__add{display:flex;flex:1 0 0;align-items:center;justify-content:center;height:44px;padding:0;border:none;border-radius:var(--makc-radius-md);background-color:var(--makc-color-button-primary-fill);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-14);line-height:20px;color:var(--makc-color-button-primary-text);cursor:pointer}.makc-product-sheet__add{transition:scale var(--makc-duration-press) var(--makc-ease-out)}.makc-product-sheet__add:active:not(:disabled):not([aria-disabled=true]){scale:var(--makc-press-scale-lg)}.makc-product-sheet__add--disabled{background-color:var(--makc-color-divider);color:var(--makc-color-text-tertiary);cursor:default}@media(min-width:768px){.makc-product-sheet{--makc-panel-enter-translate: 0px;align-items:center;justify-content:center;background-color:transparent}.makc-product-sheet__backdrop{position:absolute;display:block;top:0;right:0;bottom:0;left:0;background-color:#0d0d0d73}.makc-product-sheet__panel{flex:0 1 auto;width:440px;max-height:calc(100vh - 128px);overflow:hidden;border-radius:var(--makc-radius-lg);background-color:var(--makc-color-page-background)}@supports (max-height: 100dvh){.makc-product-sheet__panel{max-height:calc(100dvh - 128px)}}.makc-product-sheet__bottom-bar{padding:var(--makc-space-12) var(--makc-space-24)}.makc-product-sheet__content{padding:var(--makc-space-20) var(--makc-space-24)}.makc-product-sheet__panel{border:.5px solid var(--makc-color-divider)}.dark .makc-product-sheet__panel,.dark .makc-product-sheet__bottom-bar,.dark .makc-product-sheet__validation-error{background-color:var(--makc-color-surface-raised)}.dark .makc-product-sheet__instructions-field:not(:focus),.dark .makc-product-sheet__modifier-tag--optional{border:.5px solid var(--makc-color-divider)}}@media(min-width:1024px){.makc-product-sheet__panel{width:480px}}.makc-product-sheet__close{transition:scale var(--makc-duration-press) var(--makc-ease-out),background-color var(--makc-duration-select) ease}@media(hover:hover)and (pointer:fine){.makc-product-sheet__close:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--makc-color-divider)}}.makc-product-sheet__add{box-shadow:inset 0 0 0 .75px transparent;transition:scale var(--makc-duration-press) var(--makc-ease-out),box-shadow var(--makc-duration-select) ease}@media(hover:hover)and (pointer:fine){.makc-product-sheet__add:hover:not(:disabled):not([aria-disabled=true]):not(.makc-product-sheet__add--disabled){box-shadow:inset 0 0 0 .75px var(--makc-color-divider)}.dark .makc-product-sheet__add:hover:not(:disabled):not([aria-disabled=true]):not(.makc-product-sheet__add--disabled){box-shadow:inset 0 0 0 .75px var(--makc-color-text-tertiary)}}@media(max-resolution:1.5dppx)and (hover:hover)and (pointer:fine){.makc-product-sheet__add:hover:not(:disabled):not([aria-disabled=true]):not(.makc-product-sheet__add--disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--makc-color-divider) 70%,transparent)}.dark .makc-product-sheet__add:hover:not(:disabled):not([aria-disabled=true]):not(.makc-product-sheet__add--disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--makc-color-text-tertiary) 70%,transparent)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/makc-product-sheet.css.map */