.thirsty-info{margin-block:40px;padding-block:40px;background-color:var(--bg);color:var(--fg)}.thirsty-info__content{display:flex;flex-direction:column;row-gap:24px;grid-column:1 / span 12}.thirsty-info__items{display:flex;flex-direction:column;row-gap:4px}.thirsty-info__item{display:flex;column-gap:16px;align-items:flex-end}button.thirsty-info__item{transition:opacity .3s ease}button.thirsty-info__item:hover{opacity:.6}.thirsty-info__item-title{font-size:32px;font-style:normal;font-weight:600}.thirsty-info__item-idx{font-weight:600}.thirsty-info__information{display:flex;flex-direction:column;row-gap:16px;width:80%;padding-left:40px}.thirsty-info__media{grid-column:13 / span 12;display:grid}.thirsty-info__media-item{grid-area:1 / 1}.thirsty-info__media-item--hidden{opacity:0;transition:.3s ease opacity;z-index:1}.thirsty-info__media-item--hidden.active{opacity:1}.thirsty-info__media-item .aspectholder{aspect-ratio:1.5}.thirsty-info__media-item .aspectholder *{height:100%;width:100%;object-fit:cover}.thirsty-info__button{display:flex;align-items:center;position:relative;justify-content:center;width:fit-content;padding:6px 16px 8px;text-align:center;border-radius:100px;white-space:nowrap;border:1.8px solid;color:var(--fg);background-color:transparent;font-weight:600;font-size:16px;line-height:1;transition:all .25s cubic-bezier(0,.67,.19,.99) 0ms;column-gap:5px}.thirsty-info__button-arrow svg{stroke:var(--fg);transition:all .25s cubic-bezier(0,.67,.19,.99) 0ms}.thirsty-info__button:hover{color:#fff;background-color:var(--fg);border-color:var(--fg)}.thirsty-info__button:hover .thirsty-info__button-arrow svg{stroke:#fff}@media all and (max-width:767px){.thirsty-info{padding-block:24px;margin-block:24px;row-gap:20px}.thirsty-info__content,.thirsty-info__media{grid-column:1 / -1}.thirsty-info__items{row-gap:0px}.thirsty-info__item{align-items:flex-start}.thirsty-info__item-idx{padding-top:12px}.thirsty-info__item-title{font-size:26px}.thirsty-info__information{width:100%;padding-left:0}.thirsty-info__media-item .aspectholder{aspect-ratio:1}}@media all and (min-width:768px)and (max-width:1023px){.thirsty-info__content{grid-column:1 / span 3}.thirsty-info__media{grid-column:4 / span 3}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-thirsty-info.css.map */