.card{width:100%;padding:8px}.card .tile,.card .product-loader{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.card .tile-flag{display:none}.dialog-byos{--card-size:50%}@media only screen and (min-width:768px){.dialog-byos{--card-size:33%}}.dialog-byos .takeover-buttons .snap{max-width:118px}.dialog-byos .takeover-buttons .product-loader{padding-left:6px;padding-right:6px}.dialog-byos .grid-list{max-width:750px;margin:0 auto}.dialog-byos .grid-list .grid-item{max-width:var(--card-size)}.dialog-byos .grid-list .tile,.dialog-byos .grid-list .product-loader{position:relative;top:0;transform:none}.dialog-byos .grid-list .tile{padding:8px}.dialog-byos .grid-list .card,.dialog-byos .grid-list .card-inner{height:100%}.dialog-byos .grid-list .card-inner{padding-bottom:0}.dialog-byos .grid-list .collection-product-title{white-space:normal}@media only screen and (max-width:1199px){.dialog-byos .grid-list .collection-product-title{--font-size:14px;--line-height:1.57}}.dialog-byos .grid-list .media.fixed-ratio{--ratio-padding:100%!important}.takeover-buttons{--card-size:118px}.takeover-buttons .card-inner{border-style:dashed;overflow:visible}.card-inner{--border:transparent;cursor:pointer;background-color:var(--white);border:1px solid var(--border);border-radius:4px;padding-bottom:125%;position:relative;overflow:hidden}.card-inner:focus,.no-touch .card-inner:hover,.is-next .card-inner{--border:var(--emerald-black)}.card-media{width:100%;position:absolute;top:0;left:0}.card-body{width:100%;padding:8px 12px;position:absolute;bottom:50%;left:0;transform:translateY(50%)}.card-media+.card-body{bottom:0;transform:translateY(0)}.card-body>*{margin:0}@media only screen and (max-width:767px){.answer-item-wide{--card-size:100%}}.card-wide .card-media{width:40px;height:40px;top:40%;left:50%;transform:translate(-50%,-100%)}@media only screen and (max-width:767px){.card-wide .card-media{top:50%;left:8px;transform:translateY(-50%)}}@media only screen and (min-width:768px){.card-wide .card-body{height:60%}}@media only screen and (max-width:767px){.card-wide .card-body{--text-align:left;width:auto;bottom:50%;left:48px;right:0;transform:translateY(50%)}.card-wide .card-inner{padding-bottom:100px}}:root{--card-size:216px}.takeover{background-color:var(--gray-pale)}.takeover .dialog{background-color:var(--gray-pale);width:100%;height:100%;padding:0}.takeover .grid-list{justify-content:center}.takeover .grid-item{flex:0 1 var(--card-size)}.takeover .grid-item:focus-visible{outline:none}.takeover-nav{background-color:var(--white);z-index:2;position:sticky;top:0}.takeover-nav>.component{padding:0 var(--side-padding) 8px;justify-content:space-between;align-items:center;height:68px;display:flex;position:relative}.takeover-nav .dialog-close{top:calc(50% - 4px);transform:translateY(-50%)}.takeover-nav>.component>*{flex:0 0 25%}.takeover-nav>.component>.heading{--text-align:center;flex:0 0 50%;margin-right:25%}.takeover-nav:before,.takeover-nav:after{content:"";width:100%;height:8px;display:block;position:absolute;bottom:0;left:0}.takeover-nav:before{background-color:#eff2ef;width:100%}.takeover-nav:after{background-color:var(--progress-bar);width:calc((var(--activeIndex) - 1) / var(--steps) * 100%);background-image:url(../../assets/roundbuddy.png);background-position:100%;background-repeat:no-repeat;background-size:contain;transition:width .2s ease-in-out}@media only screen and (min-width:768px){.takeover-nav .takeover-product{display:none}}.takeover-footer .takeover-product{display:none}.takeover-title{color:var(--font-color)}@media only screen and (max-width:767px){.takeover-nav .takeover-title{display:none}}.takeover-footer{display:none}.dialog-byos .takeover-footer{--bg:var(--gray-pale);width:100%;padding:8px 18px;position:sticky;bottom:0;left:0}@media only screen and (max-width:767px){.dialog-byos .takeover-footer{display:block}}.dialog-byos .takeover-footer .component{text-align:center;flex-direction:column;align-items:stretch;display:flex}.dialog-byos .takeover-footer .heading{--text-align:center;margin:4px 0}.takeover .takeover-buttons{counter-reset:prog;flex-wrap:nowrap;justify-content:center;align-items:center;padding-bottom:0}.takeover-buttons .snaps{-ms-overflow-style:none;scrollbar-width:none;padding-bottom:52px}.takeover-buttons .snaps::-webkit-scrollbar{display:none}@media only screen and (min-width:992px){.takeover-buttons .snap{flex-grow:1;flex-shrink:1}}.takeover-button{--font-color:var(--gray-dark);flex:0 1 var(--card-size);counter-increment:prog;position:relative}.takeover-button:before{content:counter(prog);z-index:1;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.takeover-button.is-selected:before{display:none}.takeover-button.is-next{--border:var(--turq-thrive);--font-color:var(--emerald-black)}.takeover-button .product-loader{opacity:0;visibility:hidden;align-items:center;height:100%;transition:all .2s ease-in-out;display:flex}.takeover-button.is-selected .product-loader{opacity:1;visibility:visible}.set-summary-title{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:100%;left:0;transform:translateY(12px)}.set-summary-title .swatch-mini{background-color:#0000;flex:0 0 16px;margin-right:4px}.set-summary-title .swatch-mini-text{display:none}.remove-set{color:var(--white);background-color:var(--turq-thrive);text-align:center;z-index:1;border-radius:50%;width:18px;height:18px;font-size:10px;line-height:18px;position:absolute;top:0;right:0;transform:translate(50%,-50%)}