.pot-picker{display:block}.pot-picker__heading{margin:0 0 1.2rem;font-size:1.6rem;font-weight:600;letter-spacing:.02em}.pot-picker__preview-grid{display:flex;gap:1rem;margin:0;padding:0;align-items:flex-start}.pot-picker__preview-item{flex:1 1 0;min-width:0}.pot-card{display:flex;flex-direction:column;gap:.6rem;width:100%}.pot-card__btn{display:flex;flex-direction:column;gap:.6rem;width:100%;padding:0;background:none;border:none;font:inherit;color:inherit;text-align:center;cursor:pointer}.pot-card__variant{width:100%;padding:.5rem .6rem;font:inherit;font-size:1.1rem;color:inherit;background:#fff;border:1px solid #d9d9d9;border-radius:.4rem;cursor:pointer}.pot-card__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:.6rem;background:#f3f3f3}.pot-card__image{width:100%;height:100%;object-fit:cover;display:block}.pot-card__badge{position:absolute;top:.6rem;left:.6rem;padding:.2rem .6rem;font-size:1rem;font-weight:600;line-height:1.4;text-transform:uppercase;letter-spacing:.04em;border-radius:.3rem;color:#fff}.pot-card__badge--sale{background:#d72c0d}.pot-card__badge--soldout{background:#000000a6}.pot-card__info{display:flex;flex-direction:column;gap:.2rem}.pot-card__title{font-size:1.2rem;line-height:1.25}.pot-card__price{font-size:1.2rem;font-weight:600}.pot-card__price-compare{margin-right:.4rem;font-weight:400;color:#8a8a8a;text-decoration:line-through}.pot-card__price-sale{color:#d72c0d}.pot-card--soldout{opacity:.45;cursor:not-allowed}.pot-card--all{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;padding:0;background:none;border:1px solid #688b62;border-radius:.6rem;color:#688b62;font:inherit;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.pot-card--all:hover{background:#688b62;color:#fff}.pot-picker__drawer .pot-card.is-selected .pot-card__media{outline:2px solid #688b62;outline-offset:2px}.pot-picker__selected-card{display:flex;align-items:flex-start;gap:1.4rem;padding:1.2rem 0}.pot-picker__selected-media{flex:0 0 auto;width:6.4rem;height:6.4rem;overflow:hidden;border-radius:.6rem;background:#f3f3f3}.pot-picker__selected-media img{width:100%;height:100%;object-fit:cover;display:block}.pot-picker__selected-body{flex:1 1 auto;display:flex;flex-direction:column;gap:.3rem;min-width:0}.pot-picker__selected-label{font-weight:700}.pot-picker__selected-title{color:#8a8a8a}.pot-picker__change{align-self:flex-start;margin-top:.2rem;padding:0;background:none;border:none;color:#688b62;font:inherit;font-weight:600;cursor:pointer}.pot-picker__change:hover{text-decoration:underline}.pot-picker__selected-aside{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;flex:0 0 auto}.pot-picker__selected-price{font-weight:600;white-space:nowrap}.pot-picker__remove{padding:.4rem;background:none;border:none;color:#8a8a8a;cursor:pointer;line-height:0}.pot-picker__remove:hover{color:#333}.pot-picker__add{width:100%;margin-top:.8rem}.pot-picker__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden}.pot-picker__drawer.is-open{visibility:visible}.pot-picker__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-overlay),.5);opacity:0;transition:opacity var(--duration-long) ease}.pot-picker__drawer.is-open .pot-picker__overlay{opacity:1;display:block!important}.pot-picker__panel{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(44rem,92vw);height:100%;background:#fff;box-shadow:-.4rem 0 2rem #0000001f;transform:translate(100%);transition:transform .3s ease}.pot-picker__drawer.is-open .pot-picker__panel{transform:translate(0)}.pot-picker__panel-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid #ececec}.pot-picker__panel-title{margin:0;font-size:1.8rem;font-weight:600}.pot-picker__panel-close{padding:.4rem;background:none;border:none;color:inherit;cursor:pointer;line-height:0}.pot-picker__panel-body{flex:1 1 auto;overflow-y:auto;padding:2rem}.pot-picker__drawer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 1.2rem;margin:0;padding:0}.pot-picker__panel-footer{padding:1.6rem 2rem;border-top:1px solid #ececec}.pot-picker__apply{width:100%}.pot-picker__drawer-grid .pot-card__variant{display:none}.pot-picker__selected-variant:empty{display:none}.pot-picker__selected-variant select{width:auto;max-width:100%;margin-top:.4rem}.pot-picker__drawer-item{display:flex}.pot-picker__drawer-grid .pot-card,.pot-picker__drawer-grid .pot-card__btn{height:100%}.pot-picker__drawer-grid .pot-card__info{flex:1 1 auto}.pot-picker__drawer-grid .pot-card__price{margin-top:auto}body.pot-picker-open{overflow:hidden}@media screen and (max-width:480px){.pot-picker__drawer-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-pot-picker.css.map */