.clickable{pointer-events:auto}.overlay-dark-40{position:absolute;display:flex;justify-content:center;width:100%;height:100%;background-color:#0006}.overlay-modern{position:relative;display:flex;justify-content:center;width:100%;min-height:100%;background-color:#d6d0cb;inset:0;pointer-events:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow-y:auto;overflow-x:hidden;max-height:calc(100 * var(--vh))}.overlay-modern button,.overlay-modern [onclick]{-webkit-user-select:auto;user-select:auto;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.overlay-modern,.overlay-modern *{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.overlay-modern .gallery{display:grid;grid-auto-rows:min-content;align-content:start}#gui>button,#gui>.button,#gui>[role=button]{pointer-events:auto}.position-center-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.position-temp{position:absolute;top:44%;right:32%}.button-container{display:flex;flex-direction:column;align-items:center;text-align:center}.button-icon{width:100%;height:100%;object-fit:cover;filter:invert(1)}.button-round{width:56px;height:56px;border-radius:50%;border:none;background-color:transparent;display:flex;align-items:center;padding:0;overflow:hidden;justify-content:center;cursor:pointer;transition:var(--anim-transform-generic);box-shadow:0 14px 16px #0000001a}.button-fill-1,.button-fill-2{background-color:var(--color-accent)}@media (pointer:fine){.button-round:hover,.button-rect:hover{transform:scale(1.1);background-color:#fff;color:#000}.button-rect:hover svg .fill{fill:#000}.button-edit-group:hover{transform:scale(1.1)}}.button-edit-group{display:none}.button-edit-group.visible{display:flex}.button-edit-group .action-close{background:#ffffff80;align-items:center;min-width:40px;padding:0;justify-content:center;border-width:0;border-radius:0 100px 100px;border-radius:0 100px 100px 0;backdrop-filter:blur(10px);border-left:1px solid var(--color-accent)}.button-edit-group .action-close .img{display:block;width:16px;height:100%;margin:0 12px 0 8px;background-image:url(../img/icon_delete.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:100%;filter:invert(.8)}@media (pointer:fine){.button-edit:focus+.action-close .img{filter:invert(0)}}.button-edit.closable{padding-right:8px;border-top-right-radius:0;border-bottom-right-radius:0}@media (pointer:fine){.button-edit:focus+.action-close{background:var(--color-accent);color:var(--color-light-theme);border-left:1px solid var(--color-light-theme)}}.button-rect{border-radius:100px;background-color:var(--color-accent);transition:var(--anim-transform-generic);color:var(--color-light-theme);font-size:1rem;padding:12px 16px;border:0;display:flex;align-items:center;gap:6px}.button-rect.disabled{background-color:gray;pointer-events:visible;cursor:not-allowed;opacity:.5}@media (pointer:fine){.button-rect.disabled:hover{transform:none;background-color:gray;color:var(--color-light-theme)}.button-rect.disabled:hover svg .fill{fill:var(--color-light-theme)}}.button-edit{position:relative;display:inline-block;border-radius:100px;background:#ffffff80;padding:12px 16px;border:0;cursor:pointer;outline:none;backdrop-filter:blur(10px);transition:var(--anim-transform-generic)}.button-edit span{position:relative;color:#000;opacity:1;font-size:1rem;pointer-events:none}.button-text{margin-top:8px;font-size:1.5rem;font-weight:500}@media (pointer:fine){.button-edit:focus{background:var(--color-accent)}.button-edit:focus span{color:var(--color-light-theme)}}button{cursor:pointer}.menu{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:40px;padding:56px;box-sizing:border-box;align-self:center}.menu.scroll{overflow-y:scroll;scrollbar-width:none}.menu.size-1.scroll{max-height:100%}.menu.scroll .menu-item .image{height:200px}.scroll-y{overflow-y:scroll;scrollbar-width:none}@media (min-aspect-ratio: 16/9){.menu.size-1{max-height:unset;max-width:40%}}@media (min-aspect-ratio: 4/3) and (max-aspect-ratio: 16/9){.menu.size-1{max-height:unset;max-width:40%}}@media (max-aspect-ratio: 4/3){.menu.size-1{max-height:100%;max-width:50%}}@media (max-aspect-ratio: 4/3) and (max-width:768px){.menu.size-1{max-height:90%;max-width:100%}}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex-grow:1;aspect-ratio:1 / 1;transition:var(--anim-transform-generic)}@media (pointer:fine){.menu-item:hover{transform:scale(1.05);cursor:pointer}}.menu-item.disabled{filter:grayscale(1) brightness(.8)}.menu-item .image{background-color:#646464;background-position:center;background-size:cover;position:relative;overflow:hidden;border-top-left-radius:var(--border-rad);border-top-right-radius:var(--border-rad);border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%;height:100%}.menu-item .description{background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--border-rad);border-bottom-right-radius:var(--border-rad);width:100%;padding:.5rem;text-align:center}.menu-item .text{font-size:1rem;font-weight:500;text-align:center;z-index:2;color:#000}.gallery{padding:64px 64px 16px;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);width:100%;overflow-y:auto;min-height:0}.gallery.container-add-accessories{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:auto;align-content:start}.card{aspect-ratio:1 / 1;border-radius:.75rem;overflow:hidden;background:#eee}.card.disabled .description{color:#c6c6c6}.container-add-accessories .card{aspect-ratio:16 / 9;overflow:unset}@media (max-width: 1200px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.gallery{grid-template-columns:1fr;min-height:100dvh;place-content:center;justify-items:center}.menu-item{width:300px}}@media (max-width: 400px){.gallery{padding:64px 16px;width:100%}.menu-item{width:100%}}.shadow-1{box-shadow:15px 15px 30px #00000040;z-index:1}.shadow-2{box-shadow:16px 16px 16px #00000008;z-index:1}.position-top-left{position:absolute;top:16px;left:16px}.position-top-right{position:absolute;top:16px;right:16px}.position-bottom-right{position:absolute;bottom:32px;right:24px}.icon-size-32{width:32px;height:32px}.icon-size-40{width:40px;height:40px}.flexrow{display:flex;gap:10px;align-items:center}.flexcol{display:flex;flex-direction:column}.flexend{align-items:end}.opa-07{opacity:.7}.txt-1{font-size:.75rem}.txt-2{font-size:.6rem}.txt-center{text-align:center}.txt-line-t{text-decoration:line-through}.txt-line-u{text-decoration:underline}.txt-color-dark{color:#000}.txt-color-gray{color:#858585}#total-price,#product-price,.total-price-group,.product-price-group{font-weight:600}#totalprice-discount-group,#total-price-discount,#productprice-discount-group,#product-price-discount{display:none}#totalprice-discount-group.visible,#total-price-discount.visible,#productprice-discount-group.visible,#product-price-discount.visible{display:inline}.total-price-group,.product-price-group{display:flex}#total-price-discount,#product-price-discount{margin-left:.3em}#top-row{top:0;left:0;flex-wrap:wrap}#bottom-row{bottom:0;left:0}#bottom-row.edit{position:absolute;width:100%}.row{position:absolute;width:100%;display:flex;justify-content:space-between;flex-direction:row;align-items:center;padding:16px}.row.end{justify-content:end}.row.center{justify-content:center}.end{align-items:end}#selection-row-container{width:100%;justify-content:center;flex-direction:column;align-items:end;margin-top:10px}#selection-icon-container{display:flex;gap:10px;flex-direction:column;position:relative;right:0;pointer-events:none}#selection-icon-container.hide{animation-name:selection-icon-hide;animation-duration:.2s;animation-timing-function:ease-in;animation-iteration-count:1;right:-72px;pointer-events:all}@keyframes selection-icon-hide{0%{right:0}to{right:-72px}}#selection-icon-container.show{animation-name:selection-icon-show;animation-duration:.2s;animation-timing-function:ease-out;animation-iteration-count:1;right:0;pointer-events:all}@keyframes selection-icon-show{0%{right:-72px}to{right:0}}.edit-mode{box-shadow:inset 0 0 0 10px var(--color-accent);padding:20px;height:100%}.price-row{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:16px 16px 0;align-items:end;color:#000}.edit-row-container{width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;user-select:none}.edit-row-container::-webkit-scrollbar{display:none}.edit-row{display:inline-flex;flex-direction:row;justify-content:flex-start;gap:10px;padding:16px}.width-80{max-width:80%}.inline{display:inline-block}.submenu-context-menu{position:fixed;bottom:80px;left:16px;background:#ffffff80;backdrop-filter:blur(8px);border-radius:8px;color:#000;max-height:60vh;max-width:80vw;opacity:0;transform:translateY(100%);transition:opacity .2s,transform .2s;pointer-events:none;z-index:50;display:flex;flex-direction:column}.submenu-context-menu.visible{opacity:1;transform:translateY(0);pointer-events:all}.submenu-tabs{display:flex;flex-shrink:0;background:var(--color-accent);border-radius:8px 8px 0 0}.submenu-tabs.has-multiple{display:flex}.submenu-tab{padding:16px 24px;background:transparent;border:none;border-top-left-radius:4px;border-top-right-radius:4px;color:#ffffff80;cursor:default;transition:background .2s;font-size:.9rem;flex-grow:1}.submenu-tab.active{color:#fff}.submenu-content{overflow-y:auto;flex-grow:1;font-size:1rem;position:relative;max-height:100%;-webkit-mask-image:none;mask-image:none}.submenu-section{display:none}.submenu-section.active{display:block}.submenu-item{padding:8px 32px 8px 24px;cursor:pointer;transition:all .2s;color:#000;margin:2px 0;position:relative}.submenu-item.remove{color:#4f4f4f;font-size:.8rem}.submenu-item.thumb-color,.submenu-item.thumb-img{display:flex;align-items:center;gap:8px}.submenu-item.thumb-color:before,.submenu-item.thumb-img:before{content:"";width:24px;height:24px;display:inline-block;border-radius:5px;border:1px solid #ccc}.submenu-item.thumb-color:before{background-color:var(--thumb-color, transparent)}.submenu-item.thumb-img:before{background-size:cover;background-position:center;background-image:var(--thumb-img, none)}@media (pointer:fine){.submenu-item:hover,.submenu-item:focus{background:var(--color-accent);color:#fff}.submenu-item.active:hover{color:#000}}.submenu-item.active{cursor:default;background-color:#fff}.submenu-item.active:after{content:"";position:absolute;right:0;top:0;bottom:0;width:32px;background-image:url(../img/icon_accept.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:50%;filter:invert(1);transition:all .2s}.submenu-item.disabled{color:gray}@media (pointer:fine){.submenu-item.disabled:hover{color:#d3d3d3}}.submenu-item.disabled:after{content:"";position:absolute;right:0;top:0;bottom:0;width:32px;background-image:url(../img/icon_unavailable.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:50%;filter:invert(.4);transition:all .2s}@media (pointer:fine){.submenu-item.disabled:hover:after{filter:invert(.2)}.submenu-item.remove:hover,.submenu-item.remove:focus{background:var(--color-danger);color:#fff}}.submenu-item.remove.active{background:var(--color-danger);color:#fff}.submenu-content::-webkit-scrollbar{width:16px}.submenu-content::-webkit-scrollbar-track{background:#0000001a}.submenu-content::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:100px}.mainmenu-context-menu{position:fixed;top:72px;right:16px;background:#ffffff80;backdrop-filter:blur(8px);border-radius:8px;color:#000;max-height:60vh;opacity:0;max-width:80vw;transform:translateY(-100%);transition:opacity .2s,transform .2s;pointer-events:none;z-index:50;display:flex;flex-direction:column}.mainmenu-context-menu.visible{opacity:1;transform:translateY(0);pointer-events:all}.mainmenu-content{overflow-y:auto;flex-grow:1;font-size:1rem;position:relative;max-height:100%;-webkit-mask-image:none;mask-image:none;padding-top:5px;padding-bottom:5px}.mainmenu-item{padding:8px 16px;cursor:pointer;transition:all .2s;color:#000;margin:2px 0;text-align:end}@media (pointer:fine){.mainmenu-item:hover,.mainmenu-item:focus{background:var(--color-accent);color:#fff}}.mainmenu-item.active{background:var(--color-accent);color:#fff}.mainmenu-item-spacer{height:2px;background-color:var(--color-light-theme);opacity:.5}.modal-overlay{position:absolute;top:50%;transform:translateY(-50%) translate(-50%);left:50%;z-index:100;background-color:var(--color-accent);backdrop-filter:blur(10px);border-radius:8px;width:80%;max-width:600px}.modal-content{padding:32px;font-size:1rem}.modal-content p:not(:last-child){padding-bottom:1rem}.modal-content .code{user-select:all;padding:12px;font-family:Courier New,Courier,monospace;font-size:1.5rem;display:inline-block}.modal-content .code img{width:16px;height:auto;display:inline-block;transform:translateY(-50%);cursor:pointer}.modal-header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #ccc;padding:8px}.modal-header h2{font-size:1.125rem;font-weight:700}.modal-footer{padding-left:32px;padding-right:32px;padding-bottom:32px;display:flex;gap:16px;justify-content:space-between}.modal-btn{border-radius:100px;border:1px solid var(--color-light-theme);background-color:transparent;color:var(--color-light-theme);font-weight:500;font-size:1rem;padding:10px 16px;cursor:pointer;min-width:100px}@media (pointer:fine){.modal-btn:hover{background-color:var(--color-light-theme);color:#000}}.modal-content .code-wrapper{display:flex;width:fit-content;background-color:#fff;border-radius:var(--border-rad);color:#000}.modal-content .code-wrapper pre{display:flex;align-items:center}.modal-content .code-wrapper code{user-select:text;cursor:text;padding:10px 30px;font-size:1.2rem}.modal-content .code-wrapper input{cursor:text;padding:10px 30px;font-size:1.2rem;font-family:monospace;border:0;background-color:transparent;max-width:145px}@media (pointer:fine){.modal-content .code-wrapper input:focus{outline:0}}.modal-content .code-wrapper input::placeholder{color:var(--color-accent-alpha)}.modal-content .code-wrapper .copy-btn{background-color:transparent;border:0;background-color:var(--color-accent);margin:10px 10px 10px 0;padding:5px 10px;color:#fff;border-radius:6px;transition:all .2s ease;box-shadow:0 0 #0000;outline:0px solid #000;transform-origin:100% 50%}@media (pointer:fine){.modal-content .code-wrapper .copy-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000004d;outline-width:1px;background-color:#fff;color:#000}}.loader{width:25vw;height:auto;margin-bottom:20px}.loader svg{width:100%;height:100%}.arrow{width:0;height:40px;border:2px solid var(--color-light-theme);position:relative;animation:scroll 1.5s infinite;-webkit-animation:scroll 1.5s infinite}.arrow:after{content:"";display:block;position:absolute;top:100%;left:-8px;width:1px;height:10px;border-top:12px solid var(--color-light-theme);border-left:8px solid transparent;border-right:8px solid transparent}.styled-input{all:unset;display:block;width:100%;font-size:.8rem;color:#f6f6f6;border-bottom:1px solid white;padding-bottom:4px;transition:all .3s ease}.styled-input::placeholder{color:var(--color-light-theme);opacity:.5;transition:all .3s ease}@media (pointer:fine){.styled-input:focus{font-size:1rem;border-bottom:2px solid white;color:var(--color-light-theme)}.styled-input:focus::placeholder{color:var(--color-light-theme);padding-bottom:2rem}}.target-arrow{transform:rotate(180deg);transition:transform .15s linear}.target-arrow.active{transform:rotate(0)}.viewfinder{height:calc(100 * var(--vh));width:100%;cursor:-webkit-grab;cursor:grab;overflow:hidden;position:relative;border-radius:8px;padding-bottom:66.6666667%}.viewfinder:before{top:50%;left:50%;z-index:1;content:"";width:90%;height:70%;border-radius:3px;position:absolute;pointer-events:none;border:2px solid rgba(255,255,255,.5);transform-origin:center center;transform:translate(-50%,-50%);-webkit-clip-path:polygon(0 0,20px 0,20px 20px,calc(100% - 20px) 20px,calc(100% - 20px) 0,100% 0,100% 20px,calc(100% - 20px) 20px,calc(100% - 20px) calc(100% - 20px),100% calc(100% - 20px),100% 101%,calc(100% - 20px) 101%,calc(100% - 20px) calc(100% - 20px),20px calc(100% - 20px),20px 101%,0 101%,0% calc(100% - 20px),20px calc(100% - 20px),20px 20px,0 20px);clip-path:polygon(0 0,20px 0,20px 20px,calc(100% - 20px) 20px,calc(100% - 20px) 0,100% 0,100% 20px,calc(100% - 20px) 20px,calc(100% - 20px) calc(100% - 20px),100% calc(100% - 20px),100% 101%,calc(100% - 20px) 101%,calc(100% - 20px) calc(100% - 20px),20px calc(100% - 20px),20px 101%,0 101%,0% calc(100% - 20px),20px calc(100% - 20px),20px 20px,0 20px)}.viewfinder:after{top:50%;left:50%;z-index:1;width:40px;content:"";height:40px;position:absolute;border-radius:666px;pointer-events:none;background-clip:content-box;transform:translate(-50%,-50%);border:10px solid rgba(255,255,255,.6);background-image:linear-gradient(#ffffff59,#ffffff59 50%,#ffffff0d 50%,#ffffff0d)}.viewfinder .glass{top:0;left:0;width:100%;height:100%;filter:blur(5px);position:absolute;box-shadow:inset 0 0 2000px #ffffff80}.viewfinder .noise{inset:0;z-index:1;opacity:.08;position:absolute;pointer-events:none;background-image:url(../img/bignoise-min.png);background-size:500px 500px;-webkit-animation:flip .3s steps(1) infinite;animation:flip .3s steps(1) infinite}@-webkit-keyframes flip{0%{transform:scaleX(1) scaleY(1)}25%{transform:scaleX(1) scaleY(-1)}50%{transform:scaleX(-1) scaleY(-1)}75%{transform:scaleX(-1) scaleY(1)}to{transform:scaleX(-1) scaleY(1)}}@keyframes flip{0%{transform:scaleX(1) scaleY(1)}25%{transform:scaleX(1) scaleY(-1)}50%{transform:scaleX(-1) scaleY(-1)}75%{transform:scaleX(-1) scaleY(1)}to{transform:scaleX(-1) scaleY(1)}}@keyframes scroll{0%{height:40px}30%{height:70px}60%{height:40px}}@-webkit-keyframes scroll{0%{height:40px}30%{height:70px}60%{height:40px}}.selection-icon{position:absolute;width:40px;height:40px;cursor:pointer;transition:transform .2s ease-in-out;z-index:1}@media (pointer:fine){.selection-icon:hover{transform:scale(1.1)}}.drag-hint{display:inline-flex;align-items:center;gap:.35rem;cursor:grab;user-select:none;transform-origin:left center;will-change:transform;opacity:.85}.drag-hint .arrow{display:inline-block}#wizard{transition:opacity .3s ease}#wizard.wizard-active{opacity:1}#wizard.wizard-inactive{opacity:.5}@media (pointer:fine){#wizard:hover{opacity:.8}#wizard.wizard-active:hover{opacity:.9}}@media (prefers-reduced-motion: reduce){.drag-hint{transform:none!important}}@media (max-width: 768px){.submenu-content{-ms-overflow-style:none;scrollbar-width:none}.submenu-content::-webkit-scrollbar{width:0px;height:0px;display:none}}@media (max-width: 400px){.modal-btn{padding-left:0;padding-right:0}}@media (max-width: 350px){.row{padding:8px}.icon-size-40{width:32px;height:32px}.button-rect{padding:10px 13px;font-size:.8rem}#top-row{font-size:14px}}