.rotate-vertical{transform:rotate(90deg)}.customize-panel{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem;height:140px;padding:.75rem 0 .5rem;background-color:var(--bg-dark);border-radius:.5rem;transition:all .3s ease-in}.customize-panel .sub-options{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem}.customize-panel .sub-options .sub-title{position:relative;font-size:.9rem;font-weight:500}.customize-panel .sub-options .sub-title .help{position:absolute;top:50%;right:0;transform:translate(130%) translateY(-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);border:2px solid var(--primary-500);border-radius:10px;padding:.2rem .4rem;background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 0 transparent;transition:all .25s ease-out}.customize-panel .sub-options .sub-title .help:hover{box-shadow:2px 2px 5px #00000040;transition:all .1s ease-in}.customize-panel .row{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:nowrap}@media(min-width:400px){.customize-panel .row{gap:.75rem}}.customize-panel .row.orientation-row{width:100%;gap:1rem}@media(min-width:48rem){.customize-panel .row.orientation-row{gap:1.5rem}}.customize-panel .row .btn{display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;align-items:center;justify-content:center;padding:.4rem;font-size:.75rem;border:2px solid transparent;border-radius:.5rem;background-color:var(--bg);background-color:#fff;cursor:pointer;transform:translateY(0);transition:all .25s ease-out}@media(min-width:400px){.customize-panel .row .btn{padding:.5rem;font-size:.8rem}}@media(hover:hover){.customize-panel .row .btn:hover:not(.disabled){transform:translateY(-3px);box-shadow:2px 2px 5px #00000040;transition:all .05s ease-out}}.customize-panel .row .btn.active:not(.disabled){border-color:var(--color-gray-900);box-shadow:2px 2px 5px #00000040;transform:translateY(-3px);transition:all .1s ease-in}.customize-panel .row .btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.customize-panel .row .btn .bold{font-weight:500}.customize-panel .row .btn .icon{width:1rem;height:1rem}.customize-panel .row .btn .theme-light *{stroke:var(--color-gray-900);fill:#e6e6e6}.customize-panel .row .btn .theme-dark *{stroke:var(--color-gray-900);fill:#29363d}.customize-panel .row .btn .theme-color *{stroke:#cc9266;fill:#92bfbf}.customize-panel .row .btn.square{aspect-ratio:1}.customize-panel .row .btn-wrapper{position:relative}.customize-panel .row .tooltip{position:absolute;background-color:#333;color:#fff;padding:.4rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #0000004d;z-index:1000;opacity:0;transition:opacity .15s ease-out}.customize-panel .row .tooltip.visible{opacity:1}.customize-panel .row .search-container{position:relative}.customize-panel .row .search-container .search-input{padding:.5rem 2.5rem .5rem 1rem;border:2px solid transparent;border-radius:.5rem;font-size:.9rem;background-color:#fff;min-width:250px;width:300px}.customize-panel .row .search-container .search-input::-moz-placeholder{opacity:.3}.customize-panel .row .search-container .search-input::placeholder{opacity:.3}.customize-panel .row .search-container .search-input.with-country{padding-right:7rem}.customize-panel .row .search-container .search-input:focus{outline:none;border-color:var(--color-gray-900)}.customize-panel .row .search-container .clear-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.customize-panel .row .search-container .clear-button:hover .icon{opacity:1}.customize-panel .row .search-container .clear-button .icon{width:1rem;height:1rem;opacity:.6}.customize-panel .row .search-container .search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 .5rem .5rem;box-shadow:0 2px 8px #0000001a;z-index:1000}.customize-panel .row .search-container .search-results .search-result{padding:.5rem 1rem;cursor:pointer;border-bottom:1px solid #f2f2f2;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.customize-panel .row .search-container .search-results .search-result.highlighted,.customize-panel .row .search-container .search-results .search-result:hover{background-color:#f0f7ff}.customize-panel .row .search-container .search-results .search-result.no-results{color:#999;font-style:italic;cursor:default}.customize-panel .row .search-container .search-results .search-result.no-results:hover{background-color:transparent}.customize-panel .row .search-container .search-results .search-result:last-child{border-bottom:none}.customize-panel .row .search-container .search-results .search-result .result-name{font-weight:500;font-size:.85rem;flex:1;min-width:0}.customize-panel .row .search-container .search-results .search-result .result-country{display:inline-flex;align-items:center;padding:.2rem .5rem;background-color:#f7f7f7;border:1px solid #d9d9d9;border-radius:.35rem;font-size:.7rem;font-weight:500;white-space:nowrap;flex-shrink:0}.customize-panel .row .country-chip{position:absolute;right:2.75rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;padding:.25rem .6rem;background-color:#f7f7f7;border:1px solid #d9d9d9;border-radius:.35rem;font-size:.75rem;font-weight:500;pointer-events:none;white-space:nowrap}.customize-panel .slide-left-enter-active,.customize-panel .slide-left-leave-active{transition:all .15s ease-in-out}.customize-panel .slide-left-enter-from{opacity:0;transform:translate(10px)}.customize-panel .slide-left-leave-to{opacity:0;transform:translate(-10px)}.customize-panel .slide-right-enter-active,.customize-panel .slide-right-leave-active{transition:all .15s ease-in-out}.customize-panel .slide-right-enter-from{opacity:0;transform:translate(-10px)}.customize-panel .slide-right-leave-to{opacity:0;transform:translate(10px)}