.flavor-tree-section{position:relative;z-index:1}.flavor-tree-header{text-align:center;padding:2rem 1.5rem 1.25rem}.flavor-tree-layout{display:grid;grid-template-columns:minmax(190px,240px) minmax(190px,240px) minmax(190px,240px) minmax(280px,360px);gap:1.25rem;column-gap:2.5rem;justify-content:center;align-items:stretch;padding:0 1.5rem 2.5rem;position:relative}.flavor-tree-connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.flavor-tree-panel{background:transparent;border:none;border-radius:0;overflow:visible;display:flex;flex-direction:column;position:relative;z-index:1}.flavor-tree-panel__title{display:none}.flavor-tree-list{flex:1;max-height:70vh;overflow:auto;padding:8px;gap:8px}.flavor-tree-panel--realms .flavor-tree-list,.flavor-tree-panel--categories .flavor-tree-list,.flavor-tree-panel--flavors .flavor-tree-list{display:flex;flex-direction:column}.flavor-tree-panel--realms .flavor-tree-list .flavor-tree-node,.flavor-tree-panel--categories .flavor-tree-list .flavor-tree-node,.flavor-tree-panel--flavors .flavor-tree-list .flavor-tree-node{width:100%}.flavor-tree-panel--realms .flavor-tree-list,.flavor-tree-panel--categories .flavor-tree-list,.flavor-tree-panel--flavors .flavor-tree-list{justify-content:center}.flavor-tree-empty{margin:0;font-size:13px;color:#666;padding:8px}.flavor-tree-node{margin:0}.flavor-tree-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e8e8e8;border-radius:999px;background:#fff;color:#000;text-align:left;padding:8px 14px;font-size:14px;line-height:1.2;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;will-change:transform}.flavor-tree-item:hover{transform:none}.flavor-tree-item.flavor-tree-transfer{opacity:0;transition:opacity .15s ease}.flavor-tree-item.flavor-tree-transfer.flavor-tree-transfer-active{opacity:1}.flavor-tree-item:focus-visible{outline:2px solid #000000;outline-offset:1px}.flavor-tree-item__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flavor-tree-item__chevron{flex-shrink:0;width:16px;text-align:center}.flavor-tree-item.is-active{background:#000;color:#fff;border-color:#000}.flavor-tree-section .products{width:100%;max-width:360px;min-height:680px;max-height:none;overflow:hidden;padding:0;position:relative;z-index:1}.flavor-tree-section .products__wrapper{height:100%;display:flex;flex-direction:column;position:relative}.flavor-tree-section .products__grid{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.flavor-tree-section .products__grid .quiz-product-card{margin-left:auto;margin-right:auto}.flavor-tree-section .flavor-tree-empty-tile{width:100%;max-width:340px;min-height:620px;border:1px dashed #d9d9d9;background:#fff;display:flex;align-items:center;justify-content:center}.flavor-tree-section .flavor-tree-empty-tile__content{padding:1.25rem;text-align:center}.flavor-tree-section .products__pagination{position:absolute;top:35%;left:8px;right:8px;transform:translateY(-50%);pointer-events:none;z-index:10;display:none}.flavor-tree-section .products__pagination.has-pagination{display:flex;justify-content:space-between;align-items:center}.flavor-tree-section .products__pagination .quiz-pagination-arrow{pointer-events:auto}.flavor-tree-section .products__pagination .quiz-pagination-arrow:disabled{opacity:1;background:#fff;border-color:#e5e7eb;color:#e5e7eb;cursor:default}.flavor-tree-section .flavor-all-button-wrapper{margin-top:.75rem}.flavor-tree-section .flavor-all-button{display:block;text-align:center;padding:8px 16px;border:1px solid #000000;border-radius:100px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease}.flavor-tree-section .flavor-all-button:hover{opacity:.9;transform:translateY(-2px)}@media (max-width: 1024px){.flavor-tree-layout{grid-template-columns:1fr;max-width:760px;margin:0 auto}.flavor-tree-list{max-height:40vh}.flavor-tree-section .products{max-width:100%;min-height:540px}.flavor-tree-section .products__pagination{left:8px;right:8px}}@media (max-width: 749px){.flavor-tree-layout{grid-template-columns:1fr;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/flavor-tree.css.map */