.how-to-use{position:relative;display:flex;flex-direction:column;padding:20px;gap:8px}.how-to-use .htu-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1 / 1;width:100%;gap:8px}.how-to-use .htu-grid-cell{position:relative;overflow:hidden;background:#ebeae6;transition:opacity .35s ease;cursor:pointer}.how-to-use .htu-grid-cell.is-active{opacity:.6}.how-to-use .htu-grid-cell-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.how-to-use .htu-grid-cell-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000080,#0000);z-index:1;pointer-events:none}.how-to-use .htu-grid-cell-label{position:absolute;bottom:19px;left:19px;z-index:2;color:#fff;font-family:GT America Extended Medium,sans-serif;font-size:16px;text-transform:uppercase}.how-to-use .htu-accordion{background:#ebeae6;padding:20px;display:flex;flex-direction:column}.how-to-use .htu-heading{font-family:GT Alpina Standard Regular,sans-serif;font-size:24px;color:#202020;margin-bottom:20px}.how-to-use .htu-divider{height:1px;background:#00000040;flex-shrink:0}.how-to-use .htu-item{display:flex;flex-direction:column}.how-to-use .htu-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;text-align:left;gap:12px;padding:20px 0}.how-to-use .htu-trigger-label{font-family:GT America Extended Medium,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.02em;color:#202020}.how-to-use .htu-trigger-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.how-to-use .htu-trigger-icon .htu-icon-v{transition:transform .25s ease,opacity .25s ease;transform-origin:center}.how-to-use .htu-trigger-icon.is-open .htu-icon-v{transform:rotate(90deg);opacity:0}.how-to-use .htu-panel{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease}.how-to-use .htu-panel p{font-family:GT America Standard Regular,serif;font-size:14px;color:#202020;margin-bottom:20px;line-height:150%}.how-to-use .htu-selected{position:absolute;top:20px;right:20px;bottom:20px;left:20px;z-index:4;aspect-ratio:1;overflow:hidden}.how-to-use .htu-selected img{width:100%;height:100%;object-fit:cover}.how-to-use .htu-selected-close{position:absolute;top:10px;right:10px;z-index:5;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffffd9;border:none;cursor:pointer;color:#202020;-webkit-tap-highlight-color:transparent}.how-to-use .htu-selected-close svg{width:16px;height:16px}@media(min-width:1000px){.how-to-use{flex-direction:row;align-items:stretch;max-height:700px;padding:40px 80px;gap:32px}.how-to-use .htu-grid{flex:1 0 50%;min-height:480px;gap:16px}.how-to-use .htu-trigger{padding:20px 0}.how-to-use .htu-heading{font-size:28px}.how-to-use .htu-selected{width:calc(50% - 80px);top:40px;right:40px;bottom:40px;left:80px;height:calc(100% - 80px)}.how-to-use .htu-accordion{flex:1 0 50%;padding:80px;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/how-to-use.css.map */