.variant-wrapper--custom-dropdown .variant-input-wrap--custom-dropdown{position:relative}.variant-wrapper--custom-dropdown .variant__label{display:flex;flex-direction:row;justify-content:space-between;margin:0}.variant-wrapper--custom-dropdown .variant__label-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:12px}.variant-wrapper--custom-dropdown .variant__label span{color:#131416;font-size:16px;font-style:normal;font-weight:600;line-height:20px}.variant-wrapper--custom-dropdown .variant__option-details{color:#0a301f;text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:16px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.custom-dropdown{position:relative;width:100%}.custom-dropdown__trigger{grid-template-columns:64px minmax(0,1fr) 24px;display:grid;gap:10px;padding:4px 12px 4px 4px;border-radius:8px;border:1px solid #ECECED;background:#fff;position:relative;cursor:pointer;width:100%}.custom-dropdown__chevron{position:absolute;top:50%;transform:translateY(-50%);right:16px;display:flex;width:24px;height:24px;justify-content:center;align-items:center}.custom-dropdown__chevron svg{width:14px;height:7px}.custom-dropdown.is-open .custom-dropdown__chevron svg{transform:rotate(180deg)}.custom-dropdown__item-media{flex-shrink:0;width:64px;height:64px}.custom-dropdown__image{width:64px;height:64px;object-fit:cover;border-radius:4px;border:1px solid #ececed}.custom-dropdown__trigger-content,.custom-dropdown__item-content{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:4px;overflow:hidden}.custom-dropdown__trigger-title,.custom-dropdown__item-title{color:#131416;font-size:14px;font-style:normal;font-weight:600;line-height:18px;margin:0}.custom-dropdown__trigger-desc{color:#8b8b8c;font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:0;display:block;overflow:hidden;text-overflow:ellipsis;width:98%;white-space:nowrap;text-align:left}.custom-dropdown__item-desc{overflow:hidden;color:#8b8b8c;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:0}.custom-dropdown__panel{margin-top:8px;padding:16px 16px 0;border-radius:8px;background:#fff;border:1px solid #bbbbbb;box-shadow:0 24px 48px -12px #0a0d1247;max-height:370px;overflow-y:auto;z-index:20;scrollbar-width:thin;scrollbar-color:#9a9a9a #f1f1f1}.custom-dropdown.is-open .custom-dropdown__panel{display:flex;flex-direction:column;gap:16px;width:100%}@media(min-width:768px){.custom-dropdown.is-open .custom-dropdown__panel{position:absolute;z-index:2}}.custom-dropdown__panel::-webkit-scrollbar{display:none}.custom-dropdown__list{display:flex;flex-direction:column;gap:10px}.custom-dropdown__item{width:100%;display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:4px;border:1px solid #ECECED;background:#fff;background:transparent;text-align:left;cursor:pointer;transition:border-color .2s ease,opacity .2s ease,background .2s ease}.custom-dropdown__item.is-active{border:1px solid #0a301f;box-shadow:0 0 0 2px #e3e7e4}.custom-dropdown__item.is-disabled{opacity:.5}.custom-dropdown__header{display:flex;flex-direction:column;gap:4px;align-items:start;margin-bottom:16px}.custom-dropdown__header span{color:#131416;font-size:16px;font-style:normal;font-weight:600;line-height:20px}.custom-dropdown__header p{color:#8b8b8c;font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:0}.custom-dropdown__mobile-topbar,.custom-dropdown__overlay{display:none}.custom-dropdown-lock{overflow:hidden}.custom-dropdown__panel-scroll{min-height:0}@media(min-width:768px){.custom-dropdown__list{padding-bottom:20px}}@media screen and (max-width:767px){.custom-dropdown__panel{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:50;margin:0;padding:0;background:#fff;border-radius:16px 16px 0 0;border:1px solid #ECECED;height:auto;max-height:70vh;overflow:hidden;box-shadow:0 -8px 30px #0000002e;opacity:0;visibility:hidden;transform:translateY(100%);transition:transform .28s ease,opacity .28s ease,visibility .28s ease}.custom-dropdown.is-open .custom-dropdown__panel,.custom-dropdown.is-closing .custom-dropdown__panel{opacity:1;visibility:visible}.custom-dropdown.is-open .custom-dropdown__panel{transform:translateY(0)}.custom-dropdown.is-closing .custom-dropdown__panel{transform:translateY(100%);opacity:0}.custom-dropdown:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:49;pointer-events:none;transition:background .28s ease}.custom-dropdown.is-open:before,.custom-dropdown.is-closing:before{background:#00000073;pointer-events:auto}.custom-dropdown.is-closing:before{background:#0000}.custom-dropdown.is-open .custom-dropdown__panel{transform:translateY(0);width:100vw;gap:0}.custom-dropdown__panel-scroll{padding:0;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.custom-dropdown__panel-scroll::-webkit-scrollbar{display:none}.custom-dropdown__mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0;padding:14px 16px;border-bottom:1px solid #ECECED}.custom-dropdown__mobile-title{color:#131416;font-size:16px;font-style:normal;font-weight:600;line-height:20px}.custom-dropdown__mobile-close{width:24px;height:24px;border-radius:4px;border:1px solid #ECECED;background:#f6f6f6;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.custom-dropdown__header{margin:0;padding:14px 16px 16px}.custom-dropdown__list{gap:8px;padding:0 16px 14px}.custom-dropdown__item{padding:4px 12px 4px 4px;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/custom-dropdown-picker.css.map */