[id*=dcan_toggle_boxes] .toggle-box{box-shadow:var(--block-shadows);isolation:isolate;border-radius:var(--block-border-radius, 16px)}[id*=dcan_toggle_boxes] .toggle-box button span{transition:all .25s cubic-bezier(.104,.204,.492,1)}[id*=dcan_toggle_boxes] .toggle-boxes--inner{padding:0;max-width:1280px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 768px){[id*=dcan_toggle_boxes] .toggle-boxes--inner{grid-template-columns:repeat(2,1fr)}[id*=dcan_toggle_boxes] .toggle-boxes--inner{display:grid;align-items:end;width:100%}[id*=dcan_toggle_boxes] .toggle-boxes--inner.maximum-width{justify-content:center;grid-template-columns:repeat(var(--toggle-columns, 4),minmax(0,190px))}[id*=dcan_toggle_boxes] .toggle-boxes--inner.swipe-on-desktop,[id*=dcan_toggle_boxes] .toggle-boxes--inner.maximum-width.swipe-on-desktop{justify-content:initial;grid-auto-flow:column;overflow-x:auto;grid-auto-columns:minmax(180px,1fr);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));scroll-snap-type:x mandatory;scrollbar-width:none}[id*=dcan_toggle_boxes] .toggle-boxes--inner:has(>*:nth-child(5)) .toggle-box--content-inner div{height:100%;padding:16px}[id*=dcan_toggle_boxes] .toggle-boxes--inner:has(>*:nth-child(5)) .toggle-box button{padding:10px 16px}[id*=dcan_toggle_boxes] .toggle-boxes--inner:has(>*:nth-child(5)) .toggle-box button span{right:16px}}@media only screen and (min-width: 768px) and (max-width: 1067px){[id*=dcan_toggle_boxes] .toggle-boxes--inner:has(>*:nth-child(4)),[id*=dcan_toggle_boxes] .toggle-boxes--inner:has(>*:nth-child(7)),[id*=dcan_toggle_boxes] .toggle-boxes--inner:has(>*:nth-child(8)){grid-template-columns:repeat(4,1fr)}[id*=dcan_toggle_boxes] .toggle-boxes--inner:has(>*:nth-child(3)),[id*=dcan_toggle_boxes] .toggle-boxes--inner:has(>*:nth-child(5)),[id*=dcan_toggle_boxes] .toggle-boxes--inner:has(>*:nth-child(6)){grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width: 1068px){[id*=dcan_toggle_boxes] .toggle-boxes--inner{grid-template-columns:repeat(var(--toggle-columns, 4),1fr)}}@media only screen and (max-width: 767px){[id*=dcan_toggle_boxes] .toggle-boxes--inner{grid-gap:10px}[id*=dcan_toggle_boxes] .toggle-boxes--inner.swipe-on-mobile{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(calc(45vw - 15px),1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(calc(45vw - 15px),1fr));scroll-snap-type:x mandatory;scrollbar-width:none}[id*=dcan_toggle_boxes] .toggle-boxes--inner.swipe-on-mobile::-webkit-scrollbar{display:none}}[id*=dcan_toggle_boxes] .toggle-box{overflow:hidden;position:relative;margin-bottom:10px}[id*=dcan_toggle_boxes] .toggle-box--content{font-size:.9375rem;position:absolute;left:0;right:0;bottom:0;background:var(--color-bg, #fff);height:0;z-index:11;color:var(--color-body, #2c2d2e);overflow:hidden;border-radius:var(--block-border-radius, 16px) var(--block-border-radius, 16px) 0 0;transition:height .25s cubic-bezier(.104,.204,.492,1)}[id*=dcan_toggle_boxes] .toggle-box--content a{color:#9fa3a7;text-decoration:none}[id*=dcan_toggle_boxes] .toggle-box--content-inner{height:calc(100% - 60px)}[id*=dcan_toggle_boxes] .toggle-box--content-inner div{height:100%;padding:30px;overflow:scroll}[id*=dcan_toggle_boxes] .toggle-box--content-inner div>*:last-child{font-size:14px;margin-bottom:0}[id*=dcan_toggle_boxes] .toggle-box--image>a{display:block;position:absolute;left:0;right:0;bottom:0;top:0}[id*=dcan_toggle_boxes] .toggle-box[open] .toggle-box--content{height:97%}[id*=dcan_toggle_boxes] .toggle-box[open] button span{transform:translateY(-50%) rotate(135deg)}[id*=dcan_toggle_boxes] .toggle-box button{width:100%;display:flex;align-items:center;line-height:1.2;height:60px;padding:10px 30px;background:var(--color-bg, #fff);color:var(--color-heading, #1a1c1d);font-weight:500;position:relative;z-index:15}[id*=dcan_toggle_boxes] .toggle-box button span{width:14px;height:14px;position:absolute;right:30px;top:50%;transform:translateY(-50%)}[id*=dcan_toggle_boxes] .toggle-box button span:before,[id*=dcan_toggle_boxes] .toggle-box button span:after{content:"";background:var(--color-heading, #1a1c1d);position:absolute;top:6px;left:0;width:100%;height:2px;border-radius:1px}[id*=dcan_toggle_boxes] .toggle-box button span:after{top:0;left:6px;width:2px;height:100%}
/*# sourceMappingURL=/cdn/shop/t/21/assets/dcan-toggle-boxes.css.map */