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